react native开发记录

安卓镜像设置

android/build.gradle

buildscript {
  ext {
      buildToolsVersion = "36.0.0"
      minSdkVersion = 24
      compileSdkVersion = 36
      targetSdkVersion = 36
      ndkVersion = "27.1.12297006"
      kotlinVersion = "2.1.20"
  }
  repositories {
      maven { url 'https://mirrors.cloud.tencent.com/nexus/repository/maven-public/' }
      google()
      mavenCentral()
  }
  dependencies {
      classpath("com.android.tools.build:gradle")
      classpath("com.facebook.react:react-native-gradle-plugin")
      classpath("org.jetbrains.kotlin:kotlin-gradle-plugin")
  }
}

allprojects {
  repositories {
      maven { url 'https://mirrors.cloud.tencent.com/nexus/repository/maven-public/' }
      google()
      mavenCentral()
  }
}

apply plugin: "com.facebook.react.rootproject"

android/gradle/wrapper/gradle-wrapper.properties

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
distributionUrl=https://mirrors.cloud.tencent.com/gradle/gradle-9.0.0-bin.zip
networkTimeout=10000
validateDistributionUrl=true
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists

建立ts项目

https://reactnative.dev/docs/getting-started-without-a-framework

npx @react-native-community/cli@latest init AwesomeProject --pm yarn --package-name 包名

开发环境打包

yarn android --active-arch-only

指定架构打包

./gradlew installRelease -PreactNativeArchitectures=arm64-v8a

2025-12-17

今天rn程序突然无法调试
后来发现由于我在AndroidManifest.xml中增加了允许http访问的属性,不知为何就没法调试了,暂时先不管了

rn 0.83.0页面切换总是白屏

原因未知,在MainActivity中加了代码

  /**
    * 【新增代码】
    * 重写 onCreate 方法，在加载JS应用之前设置窗口背景色。
    * 这能有效改善启动时的白屏/闪屏现象。
    */
  override fun onCreate(savedInstanceState: Bundle?) {
      // 先调用父类方法
      super.onCreate(savedInstanceState)
      // 将根窗口的背景色设置为 #111827
      window?.decorView?.setBackgroundColor(Color.parseColor("#111827"))
  }

2025-12-18

发现rn用的nativewind,不支持tailwin的round-2xl之类的,只能用round-xl
rn键盘弹起上推页面很难
view里py-4无效py-6却有效
最后发现是tailwind.config中没有把新的目录加进来

最后更新于 2026-01-06 16:25:48 并被添加「」标签，已有 100 位童鞋阅读过。

GuojinH5