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.