🚨 Unmaintained 🚨

This project is no longer actively maintained.
Feel free to fork it if you'd like to continue its development.

React Native with Material You

This library follows UI components from Google Material 3 Design Kit

Loot bag

• 5 button types
• 3 card types
• 4 chip types
• 1 dialog
• 4 FAB types
• 2 Select types
• 1 Navigation bar
• 2 App bar types

How to install

npm i @yetaanother/react-native-material-you

Show me the components

Show me the code

import { Button, ThemeProvider } from "@yetaanother/react-native-material-you";

// ...
<ThemeProvider hexColor={"#6750A4"} dark={true}>
    <Button
        containerStyle={{ margin: 4 }}
        title={"Enabled"}
        type={"filled"}
    />
</ThemeProvider>      

• ThemeProvider should be at the root of your app to customize the theme color according to Material Theme Builder
• By default, this library will use Google's default theme color ("#6650a4") and light scheme.
• Components use a props attribute named stateOverride, you shouldn't be using that. It is only used while developing and testing the library.
• You can find more examples on various component usages inside example/App.tsx.
• Right now the example app don't have @yetaanother/react-native-material-you as a dependency because I use this app for development where I locally link the library using wml.
• If you want to run the example app install the library before running expo start.

Contributing

• Ensure to run prettier on the codebase
• See dev_notes.md to run example app with locally linking the library.
• Right now I depend on Intellij Ultimate for linting and formatting. Will add static analysis tools in future to the library