/react-native-typescript-styles-example

A template react native project for ergonomic styling structure and patterns.

Primary LanguageTypeScript

React Native TypeScript Styles Example

React Native TypeScript Styles is an example project demonstrating how to apply styles in react native using react-native-typescript-styles.

Setup

Install the JavaScript packages

yarn install

Install the Pods

npx pod-install

Build and run the app

yarn ios

// or

yarn android

Organization

The example app is a single screen with a section for each style module.

Base Example

The first section of the app, showing a header, some text, and a button.

Colors

A section of the app, showing a list of neutral colors.

A section of the app, showing a list of primary and secondary colors.

Typography

A section of the app, showing the typographic options.

About thoughtbot

thoughtbot

React Native TypeScript Styles Example is maintained and funded by thoughtbot, inc. The names and logos for thoughtbot are trademarks of thoughtbot, inc.

We love open source software! See our other projects or hire us to design, develop, and grow your product.