chore: update example

alan-eu · Oct 9, 2024 · b99aea8 · b99aea8
1 parent 6c362e7
commit b99aea8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/example/android/gradle.properties b/example/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.

diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 
-import { Image, View, ScrollView } from 'react-native';
+import { Image, View, ScrollView, Text } from 'react-native';
 import { ShadowedView, shadowStyle } from 'react-native-fast-shadow';
 import Animated, {
   useSharedValue,
@@ -39,8 +39,11 @@ export default function App() {
     height: `${animatedHeight.value}%`,
   }));
 
+  const uiManager = (global as any)?.nativeFabricUIManager ? 'Fabric' : 'Paper';
+
   return (
     <ScrollView style={{ backgroundColor: 'white' }}>
+      <Text style={{fontSize: 18, fontWeight: 'bold'}}>This View is {uiManager}</Text>
       <View style={{ margin: 16 }}>
         <View style={{ flexDirection: 'row', marginBottom: 20 }}>
           <ShadowedView