react native日常开发遇到的问题
react-native navigationOptions中不能获取this、state场景：在createStackNavigator路由过来的页面，navigationOptions的header中添加搜索框 如下图： static navigationOptions = { headerStyle: {backgroundColor: '#0086f1'}, headerTitle: ( <TextInput placeholder={'请输入搜索内容'} onChangeText={(text) => this.setState({'str': text})};constructor(props) { super(props)； this.state = ({ str: '' })&#...
react-native开发总结——常用插件
多环境配置react-native-config 详细文档请看: https://github.com/luggit/react-native-config 下载安装包: 当前版本(“react-native-config”: “^1.3.1”) yarn add react-native-config 连接库: (react-native 0.60版本后可以不执行这个命令) npx react-native link react-native-config ios端需要连接库: 在当前项目下进入ios目录, 执行:pod install android端链接库: 在当前项目下的android/settings.gradle添加： include ':react-native-config'project(':react-native-config').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-c...
react-native开发总结——react-navigation
介绍 react-navigation 路由导航(用于页面跳转, 4.x的版本)包括：createStackNavigator：页面跳转的路由导航createSwitchNavigator：底部tabbarcreateDrawerNavigator：抽屉侧边栏导航 createStackNavigator：页面跳转的路由导航使用步骤核心包：react-navigation npm install react-navigation 依赖项目： npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view 使用createStackNavigator 基础导航器 前置安装 npm install react-navigation-stac...
react-native开发总结
开发环境的搭建下载jdk 下载地址: https://www.oracle.com/java/technologies/javase-downloads.html 注意：推荐下载jdk1.8及以上的版本，下载之后配置环境变量 下载android studo 下载地址: https://developer.android.google.cn/studio/ android studo推荐使用3.5以上的版本，然后下载android sdk，选择8.1以上的版本 创建react-native项目 输入命令：npx react-native init myproject 分辨率的适配， Dimensions 详细代码如下： import { Dimensions, View } from 'react-native'// 适配方案export const sumPx = { dpi: (w) => { // 自适应px, 750为设计稿的宽度 return wid...
