diff --git a/.nvmrc b/.nvmrc index 726a201..593cb75 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -20.11.1 \ No newline at end of file +20.16.0 \ No newline at end of file diff --git a/example/package.json b/example/package.json index 15ae9ea..9bd9f7b 100644 --- a/example/package.json +++ b/example/package.json @@ -9,17 +9,17 @@ "web": "expo start --web" }, "dependencies": { - "expo": "^49.0.21", - "expo-status-bar": "~1.6.0", + "expo": "^51.0.37", + "expo-status-bar": "~1.12.1", "react": "18.2.0", "react-dom": "18.2.0", - "react-native": "0.72.10", - "react-native-gesture-handler": "~2.12.0", - "react-native-reanimated": "~3.3.0", - "react-native-svg": "13.9.0" + "react-native": "0.74.5", + "react-native-gesture-handler": "~2.16.1", + "react-native-reanimated": "~3.10.1", + "react-native-svg": "15.2.0" }, "devDependencies": { - "@babel/core": "^7.23.7", + "@babel/core": "^7.24.0", "babel-plugin-module-resolver": "^4.1.0" }, "private": true diff --git a/example/src/App.tsx b/example/src/App.tsx index cb52c58..c050c05 100644 --- a/example/src/App.tsx +++ b/example/src/App.tsx @@ -5,8 +5,9 @@ import { StyleSheet, View, TextInput, - StyleProp, - ViewStyle, + type StyleProp, + type ViewStyle, + SafeAreaView, } from 'react-native'; import { GestureHandlerRootView, @@ -56,98 +57,100 @@ export default function App() { return ( - - - - setShowGridLines((show) => !show)} - checked={showGridLines} - /> + + + + + setShowGridLines((show) => !show)} + checked={showGridLines} + /> - setShowCharacter((show) => !show)} - checked={showCharacter} - /> + setShowCharacter((show) => !show)} + checked={showCharacter} + /> - setShowOutline((show) => !show)} - checked={showOutline} - /> + setShowOutline((show) => !show)} + checked={showOutline} + /> + - - Loading...} - error={Error loading character} - style={styles.writerContainer} - > - {showGridLines && } - - {showOutline && } - {showCharacter && ( - - )} - - - - + Loading...} + error={Error loading character} + style={styles.writerContainer} + > + {showGridLines && } + + {showOutline && } + {showCharacter && ( + + )} + + + + - - - - QUIZ - - setEnableBackwardsStrokes((state) => !state)} - checked={enableBackwardsStrokes} - /> -