Tailwind Fire Tablet

mosesroth

A React Native app demonstrating Tailwind CSS on Amazon Fire Tablet

Tailwind CSS Test App for Amazon Fire Tablet

This is a React Native application that demonstrates the usage of the Tailwind CSS library on an Amazon Fire tablet using the twrnc adapter.

Screenshot

Tailwind CSS Test App on Amazon Fire Tablet

Features

Styling with Tailwind CSS utility classes
Color palette demonstration
Typography examples
Button components
Card layouts
Responsive layouts
Spacing examples

Technologies Used

React Native
Expo
Tailwind CSS (via twrnc adapter)
Android (for Amazon Fire Tablet compatibility)

Getting Started

Clone this repository:

git clone https://github.com/mosesroth/tailwind-fire-tablet.git
cd tailwind-fire-tablet

Install dependencies:
```
npm install
```
Start the development server:
```
npx expo start
```

To run on an Amazon Fire tablet:

Generate the bundle:

npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

Build the APK:
```
cd android && ./gradlew assembleDebug
```

Install on connected device:

adb install -r app/build/outputs/apk/debug/app-debug.apk

Key Components

The main component demonstrating Tailwind CSS functionality is in app/tailwind-demo.js.

About Tailwind CSS in React Native

Tailwind CSS is a utility-first CSS framework that can be used in React Native through adapters like twrnc (Tailwind React Native Classnames). This allows you to use familiar Tailwind class names in your React Native components.

License

MIT

Top categories