注意:在 Windows 中 gradlew 前面要加 ./
- 新建 react native 项目
react-native init AwesomeProject
- 运行 react native (Android / iOS)
cd AwesomeProject react-native run-android / react-native run-ios
- android 清理
cd android gradlew clean
- android 打包
1.打包配置 # 使用 Androidstudio 生成签名,或者用 keytool 命令生成一个私有密钥 keytool -genkey -v -keystore test.keystore -alias test -keyalg RSA -keysize 2048 -validity 10000 # 把 test.keystore 文件放到你工程中的 android/app 文件夹下,添加以下配置到 gradle.properties 中 MYAPP_RELEASE_STORE_FILE = test.keystore MYAPP_RELEASE_KEY_ALIAS = test MYAPP_RELEASE_STORE_PASSWORD = xxxxxx MYAPP_RELEASE_KEY_PASSWORD = xxxxxx # 添加以下配置到 android/app/build.gradle 中 android { …… signingConfigs { debug { storeFile file(MYAPP_RELEASE_STORE_FILE) storePassword MYAPP_RELEASE_STORE_PASSWORD keyAlias MYAPP_RELEASE_KEY_ALIAS keyPassword MYAPP_RELEASE_KEY_PASSWORD } release { storeFile file(MYAPP_RELEASE_STORE_FILE) storePassword MYAPP_RELEASE_STORE_PASSWORD keyAlias MYAPP_RELEASE_KEY_ALIAS keyPassword MYAPP_RELEASE_KEY_PASSWORD } } …… } 2.执行打包 cd android gradlew assembleRelease
- iOS 打包
1.打包命令配置 # 在项目中的 package.json 中添加以下配置 "scripts": { "bundle-ios": "node node_modules/react-native/local-cli/cli.js bundle --entry-file index.js --platform ios --dev false --bundle-output ./ios/bundle/index.ios.jsbundle --assets-dest ./ios/bundle" }, # 通过命令打包 .jsbundle 文件 npm run bundle-ios # 在 xcode 打开项目,并添加 - (void)viewDidLoad { [super viewDidLoad]; NSURL *jsCodeLocation; #ifdef DEBUG //debug jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil]; #else //release jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"bundle/index.ios" withExtension:@"jsbundle"]; #endif RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"项目名" initialProperties:nil launchOptions:nil]; rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; self.view = rootView; } 2.然后就是使用 xcode 打包啦,具体打包流程请--->还看,百度不会啊
-
react native 升级(单个)第三方库版本 <--点击查看原文
注意:如果 npm update 命令后面不写库名,将会把可以更新的(npm outdated 命令后红色字体的库)全部更新
# 查看当前有哪些组件或者第三方库版本有版本更新 npm outdated # 在 package.json 文件里面找到需要更新的库,修改版本号 npm update 库名
- 删除 node_module
rm -rf node_modules