Skip to content

Commit e23019c

Browse files
actions-useractions-user
committed
Update reproducer to latest React Native version
1 parent 9f02d4f commit e23019c

File tree

8 files changed

+375
-426
lines changed

8 files changed

+375
-426
lines changed

‎ReproducerApp/App.tsx‎

Lines changed: 19 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,14 +7,31 @@
77

88
import { NewAppScreen } from '@react-native/new-app-screen';
99
import { StatusBar, StyleSheet, useColorScheme, View } from 'react-native';
10+
import {
11+
SafeAreaProvider,
12+
useSafeAreaInsets,
13+
} from 'react-native-safe-area-context';
1014

1115
function App() {
1216
const isDarkMode = useColorScheme() === 'dark';
1317

1418
return (
15-
<View style={styles.container}>
19+
<SafeAreaProvider>
1620
<StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
17-
<NewAppScreen templateFileName="App.tsx" />
21+
<AppContent />
22+
</SafeAreaProvider>
23+
);
24+
}
25+
26+
function AppContent() {
27+
const safeAreaInsets = useSafeAreaInsets();
28+
29+
return (
30+
<View style={styles.container}>
31+
<NewAppScreen
32+
templateFileName="App.tsx"
33+
safeAreaInsets={safeAreaInsets}
34+
/>
1835
</View>
1936
);
2037
}

‎ReproducerApp/android/build.gradle‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
buildscript {
22
ext {
3-
buildToolsVersion = "35.0.0"
3+
buildToolsVersion = "36.0.0"
44
minSdkVersion = 24
5-
compileSdkVersion = 35
6-
targetSdkVersion = 35
5+
compileSdkVersion = 36
6+
targetSdkVersion = 36
77
ndkVersion = "27.1.12297006"
88
kotlinVersion = "2.1.20"
99
}

‎ReproducerApp/android/gradle.properties‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,3 +37,8 @@ newArchEnabled=true
3737
# Use this property to enable or disable the Hermes JS engine.
3838
# If set to false, you will be using JSC instead.
3939
hermesEnabled=true
40+
41+
# Use this property to enable edge-to-edge display support.
42+
# This allows your app to draw behind system bars for an immersive UI.
43+
# Note: Only works with ReactActivity and should not be used with custom Activity.
44+
edgeToEdgeEnabled=false

‎ReproducerApp/android/gradle/wrapper/gradle-wrapper.properties‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
distributionBase=GRADLE_USER_HOME
22
distributionPath=wrapper/dists
3-
distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.1-bin.zip
3+
distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.3-bin.zip
44
networkTimeout=10000
55
validateDistributionUrl=true
66
zipStoreBase=GRADLE_USER_HOME

‎ReproducerApp/ios/ReproducerApp.xcodeproj/project.pbxproj‎

Lines changed: 0 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,7 @@
1313
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
1414
/* End PBXBuildFile section */
1515

16-
/* Begin PBXContainerItemProxy section */
17-
00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {
18-
isa = PBXContainerItemProxy;
19-
containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
20-
proxyType = 1;
21-
remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
22-
remoteInfo = ReproducerApp;
23-
};
24-
/* End PBXContainerItemProxy section */
25-
2616
/* Begin PBXFileReference section */
27-
00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
2817
13B07F961A680F5B00A75B9A /* ReproducerApp.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = ReproducerApp.app; sourceTree = BUILT_PRODUCTS_DIR; };
2918
13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = ReproducerApp/Images.xcassets; sourceTree = "<group>"; };
3019
13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = ReproducerApp/Info.plist; sourceTree = "<group>"; };
@@ -49,14 +38,6 @@
4938
/* End PBXFrameworksBuildPhase section */
5039

5140
/* Begin PBXGroup section */
52-
00E356F01AD99517003FC87E /* Supporting Files */ = {
53-
isa = PBXGroup;
54-
children = (
55-
00E356F11AD99517003FC87E /* Info.plist */,
56-
);
57-
name = "Supporting Files";
58-
sourceTree = "<group>";
59-
};
6041
13B07FAE1A68108700A75B9A /* ReproducerApp */ = {
6142
isa = PBXGroup;
6243
children = (
@@ -172,13 +153,6 @@
172153
/* End PBXProject section */
173154

174155
/* Begin PBXResourcesBuildPhase section */
175-
00E356EC1AD99517003FC87E /* Resources */ = {
176-
isa = PBXResourcesBuildPhase;
177-
buildActionMask = 2147483647;
178-
files = (
179-
);
180-
runOnlyForDeploymentPostprocessing = 0;
181-
};
182156
13B07F8E1A680F5B00A75B9A /* Resources */ = {
183157
isa = PBXResourcesBuildPhase;
184158
buildActionMask = 2147483647;
@@ -276,14 +250,6 @@
276250
};
277251
/* End PBXSourcesBuildPhase section */
278252

279-
/* Begin PBXTargetDependency section */
280-
00E356F51AD99517003FC87E /* PBXTargetDependency */ = {
281-
isa = PBXTargetDependency;
282-
target = 13B07F861A680F5B00A75B9A /* ReproducerApp */;
283-
targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;
284-
};
285-
/* End PBXTargetDependency section */
286-
287253
/* Begin XCBuildConfiguration section */
288254
13B07F941A680F5B00A75B9A /* Debug */ = {
289255
isa = XCBuildConfiguration;

‎ReproducerApp/package.json‎

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -11,28 +11,29 @@
1111
},
1212
"dependencies": {
1313
"react": "19.1.0",
14-
"react-native": "0.80.2",
15-
"@react-native/new-app-screen": "0.80.2"
14+
"react-native": "0.81.0",
15+
"@react-native/new-app-screen": "0.81.0",
16+
"react-native-safe-area-context": "^5.5.2"
1617
},
1718
"devDependencies": {
1819
"@babel/core": "^7.25.2",
1920
"@babel/preset-env": "^7.25.3",
2021
"@babel/runtime": "^7.25.0",
21-
"@react-native-community/cli": "19.1.1",
22-
"@react-native-community/cli-platform-android": "19.1.1",
23-
"@react-native-community/cli-platform-ios": "19.1.1",
24-
"@react-native/babel-preset": "0.80.2",
25-
"@react-native/eslint-config": "0.80.2",
26-
"@react-native/metro-config": "0.80.2",
27-
"@react-native/typescript-config": "0.80.2",
22+
"@react-native-community/cli": "20.0.0",
23+
"@react-native-community/cli-platform-android": "20.0.0",
24+
"@react-native-community/cli-platform-ios": "20.0.0",
25+
"@react-native/babel-preset": "0.81.0",
26+
"@react-native/eslint-config": "0.81.0",
27+
"@react-native/metro-config": "0.81.0",
28+
"@react-native/typescript-config": "0.81.0",
2829
"@types/jest": "^29.5.13",
2930
"@types/react": "^19.1.0",
3031
"@types/react-test-renderer": "^19.1.0",
3132
"eslint": "^8.19.0",
3233
"jest": "^29.6.3",
3334
"prettier": "2.8.8",
3435
"react-test-renderer": "19.1.0",
35-
"typescript": "5.0.4"
36+
"typescript": "^5.8.3"
3637
},
3738
"engines": {
3839
"node": ">=18"

‎ReproducerApp/tsconfig.json‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
11
{
2-
"extends": "@react-native/typescript-config"
2+
"extends": "@react-native/typescript-config",
3+
"include": ["**/*.ts", "**/*.tsx"],
4+
"exclude": ["**/node_modules", "**/Pods"]
35
}

0 commit comments

Comments
 (0)