Skip to content

Instantly share code, notes, and snippets.

@aguscha333
Last active June 1, 2021 20:18
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Embed
What would you like to do?
React Native Font System Code Usage
// MyCustomScreen.js
import { TouchableOpacity } from 'react-native';
import Text from '..(relative_path)/components/Text';
const MyCustomScreen = () => (
<>
<Text as="H1">This is the main title</Text>
<Text as="H2">This a secondary title</Text>
<Text>This a normal paragraph</Text>
<TouchableOpacity onPress={() => {}}>
<Text as="H3" style={{ color: 'red'}}>Press Me!</Text>
</TouchableOpacity>
</>
);
export default MyCustomScreen;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment