Skip to content

Latest commit

 

History

History
44 lines (33 loc) · 1010 Bytes

README.md

File metadata and controls

44 lines (33 loc) · 1010 Bytes

Tanjun

Write React Native style in an easy way and restore the original design one to one. Get size from designer and use it in your app. Happy coding!

Installation

yarn add tanjun

Usage

import { TanjunProvider, View, Text } from 'tanjun'

const App = () => (
  <TanjunProvider
    // Your design size
    value={{
      width: 375,
      height: 812,
    }}>
    // The width and height or the font size are obtained from the design
    <View style={{ width: 200, height: 140 }}>
      <Text style={{ fontSize: 46 }}>Hello Tanjun </Text>
    </View>
  </TanjunProvider>
)

Advanced Usage

You can provide your own Image Text View implementations. Please move to example/src/my-own-proivder.tsx for more details.

License

MIT