react-native 笔记本

android App跳转到设置页面如何原生模块实现?

• Stack Overflow android 设置 常量列表

android App，设置禁止横屏。

• AndroidManifest.xml 文件中的 <activity> 标签内添加 android:screenOrientation="portrait"

ios android 设置App 名称

• ios : 在 Info.plist中修改
• 
• Android : android\app\src\main\res\values\strings.xml 文件中修改 <string name="app_name">MyProject</string>

ios android 设置icon图标

• ios: 首先在这里 上传你的图标，注意：四个圆角边要透明的，如果是白色的在安卓上可能显示出来。
• 然后直接 project/ios/project_name/images.xcassets/ 直接替换。
• android: 直接替换掉 project/android/app/src/main/res 里面的文件夹。

ios android 设置启动图

• ios: 使用图片工具 App Icon Gear 来生成不同尺寸的图片

• 之后 参考

• android: 使用 react-native-splash-screen 来实现。

• 可以使用 这里 来生成android 的图片，注意生成后,每个文件夹里面的每张图名称需要更改为 launch_screen 然后配置 react-native-splash-screen ，就可以使用的了。
• 碰到的坑：按照文档配好后，出现ios 正常 ，android启动闪退, “Unfortunately, app has stopped”, 解决办法

解决TextInput 框点击空白处不失去焦点问题

• 在 TextInput 最外层的根节点加一个 ScrollView ,添加 keyboardShouldPersistTaps={‘never’}。
• 或者在最外层添加 TouchableOpacity

import dismissKeyboard from 'dismissKeyboard'dismissKeyboardClick = () => {        dismissKeyboard()    }render(){    return （    ...    <TouchableOpacity                    style={{ flex: 1 }}                    onPress={this.dismissKeyboardClick}                    activeOpacity={1}                >                //TextInput组件    <TouchableOpacity/>    ...）   }

react-native webview 如何引入本地html文件

• ios : 直接 source={require('../../assets/html/message.html')}
• android : Android 需要先把静态资源放到 android/app/src/main/assets 目录下面，然后把 require('../../assets/html/message.html') 换成 {uri: 'file:///android_asset/html/message.html'}。