diff --git a/ReproducerApp/App.tsx b/ReproducerApp/App.tsx index 125fe1b..2328b40 100644 --- a/ReproducerApp/App.tsx +++ b/ReproducerApp/App.tsx @@ -1,117 +1,42 @@ -/** - * Sample React Native App - * https://github.com/facebook/react-native - * - * @format - */ - import React from 'react'; -import type {PropsWithChildren} from 'react'; -import { - SafeAreaView, - ScrollView, - StatusBar, - StyleSheet, - Text, - useColorScheme, - View, -} from 'react-native'; - -import { - Colors, - DebugInstructions, - Header, - LearnMoreLinks, - ReloadInstructions, -} from 'react-native/Libraries/NewAppScreen'; - -type SectionProps = PropsWithChildren<{ - title: string; -}>; +import {Animated, SectionList, StyleSheet, Text} from 'react-native'; -function Section({children, title}: SectionProps): React.JSX.Element { - const isDarkMode = useColorScheme() === 'dark'; - return ( - - - {title} - - - {children} - - - ); -} +const TEST_DATA = Array(6).fill({ + title: 'test Title', + data: Array(15).fill({ + name: 'data name', + }), +}); function App(): React.JSX.Element { - const isDarkMode = useColorScheme() === 'dark'; + const testRef = React.useRef(new Animated.Value(0)); - const backgroundStyle = { - backgroundColor: isDarkMode ? Colors.darker : Colors.lighter, - }; + React.useEffect(() => { + Animated.timing(testRef.current, { + toValue: 1, + duration: 150, + useNativeDriver: true, + }).start(); + }, []); return ( - - - -
- -
- Edit App.tsx to change this - screen and then come back to see your edits. -
-
- -
-
- -
-
- Read the docs to discover what to do next: -
- -
- - + item} + renderSectionHeader={({section: {title}}) => ( + {title} + )} + /> ); } const styles = StyleSheet.create({ - sectionContainer: { - marginTop: 32, - paddingHorizontal: 24, - }, sectionTitle: { - fontSize: 24, - fontWeight: '600', - }, - sectionDescription: { - marginTop: 8, - fontSize: 18, - fontWeight: '400', - }, - highlight: { - fontWeight: '700', + fontSize: 20, + textTransform: 'uppercase', + paddingLeft: 5, + backgroundColor: 'yellow', }, }); diff --git a/ReproducerApp/android/gradle.properties b/ReproducerApp/android/gradle.properties index a46a5b9..99fc223 100644 --- a/ReproducerApp/android/gradle.properties +++ b/ReproducerApp/android/gradle.properties @@ -34,7 +34,7 @@ reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64 # your application. You should enable this flag either if you want # to write custom TurboModules/Fabric components OR use libraries that # are providing them. -newArchEnabled=false +newArchEnabled=true # Use this property to enable or disable the Hermes JS engine. # If set to false, you will be using JSC instead.