This repository serves as an alternative to Nativewind or other className-based styling libraries. It can be implemented and customized swiftly. In projects like Expo, it allows for quick styling within custom components using the className prop. I have integrated the fundamental Tailwind props into the switch-case, which can be modified as needed!
- Copy "Layout.tsx" into your Expo, React Native, etc. project.
- Create component(s) following the style of "ExampleComponent.tsx".
- That's it!
<ExampleComponent className="p-3 m-1 gap">
<Text>Hello World!</Text>
<Text>My Name is Kaan.</Text>
</ExampleComponent>
- You can add more props to "Layout.tsx".
- You can change padding, margin, gap sizes, etc. inside "Layout.tsx".
Feel free to add more! ~Kaan