Skip to content

Commit

Permalink
Make the welcome screen look nicer
Browse files Browse the repository at this point in the history
  • Loading branch information
hectahertz authored Jan 12, 2025
1 parent cc91869 commit 6902bac
Showing 1 changed file with 14 additions and 7 deletions.
21 changes: 14 additions & 7 deletions demo/app/index.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { Text, View } from "react-native";
import { iOSUIKit } from "react-native-typography";
import { Text, View, StyleSheet } from "react-native";
import { iOSUIKit, systemWeights } from "react-native-typography";

export default function Index() {
return (
Expand All @@ -8,16 +8,23 @@ export default function Index() {
flex: 1,
justifyContent: "flex-start",
alignItems: "flex-start",
paddingHorizontal: 48,
paddingVertical: 20
paddingHorizontal: 15,
paddingVertical: 15
}}
>
<Text style={iOSUIKit.largeTitleEmphasized}>
Thank you for choosing react-native-typography!
<Text style={styles.title}>
Thank you for testing react-native-typography!
</Text>
<Text style={iOSUIKit.body}>
You can find examples on the different screens on the menu.
You can find examples of the different collections on the menu.
</Text>
</View>
);
}

const styles = StyleSheet.create({
title: {
...iOSUIKit.largeTitleEmphasizedObject,
marginBottom: 15
}
});

0 comments on commit 6902bac

Please sign in to comment.