Skip to content

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

Notifications You must be signed in to change notification settings

thoughtbot/react-native-typescript-styles-example

Repository files navigation

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.

About

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

Topics

Resources

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published