因为团队技术栈变更为react native,所以开始写起了rn的代码,虽然rn与react份数同源,但是由于有很多native有关的交互和变动,实际使用还是碰到蛮多问题的,于是便有了这个系列,本来第一篇应该是讲如何构建开发调试环境,不过信息量过大,而且笔者对目前的开发调试环境并不算太满意,所以这里权且按下不表,便从遇到的第一个完整解决的问题开始行文吧. 其实需求很简单,就是实现多个input组件,允许用户输入多组数据,在用户有输入内容的时候,右侧出现一个“清除”按钮,当用户点击之后,就清除之前…

开启Genymotion Android模拟器后 1.运行“react-native run-android”报端口冲突....解决方法: 2.运行“react-native run-android”报找不到 Build Tools revision 版本号 解决方法:找到对应的版本,进行安装. P.S.:当看到这个鬼东西,就表示运行成功了.... 3.运行报'RawText"      "must be wrapped in an explicit <Text> comp…

毫不夸张的说用React Native写一个Hello World !程序是我碰到最复杂的Hello World.网络上的有关的环境搭建相关的文档也很多,但是总是有这样那样的问题. 官方中文版的安装文档,windows环境搭建文字教程 原因可能有3个: 1. 这个东西最早还是在Mac机上开发的,可能支持的会好一点,windows平台时间短. 2. 网络被墙或不稳定,注册npm淘宝镜像会快很多,但是不能完全解决问题. 3. 版本问题,Nodejs版本.React Native 版本.Android…

好久没写博客了,特地把之前接触React Native时遇到的坑总结一下. 初始化一个React Native项目时,可能会遇到以下这些坑: 1.项目版本号与安卓模拟器中安装的 compileSdkVersion 和 buildToolsVersion 版本不一致,这时候可以直接修改 项目 => android => app => build.gradle文件下的版本号,如下: 2.初始化一个项目并运行项目时,可能会一直报错,这时有可能是因为缺少 local.properties文件,该…

使用夜神 使用夜神作为模拟器,这个模拟器启动就会监听62001端口. 开发工具与模拟器的通信都是通过adb.夜神模拟器的安装目录/bin下有一个adb.exe,android sdk tools下也有一个adb.exe.必须保证两者的adb版本一致(否则两个adb进程version不一致会互相killing,导致connect失败),手段是用sdk的覆盖掉夜神的即可.然后把sdk的adb目录配置到path中.运行如下批处理建立adb与模拟器的连接: adb devices adb connect…

1.模拟器报错no bundle url present https://github.com/facebook/react-native/issues/12754 http://www.cnblogs.com/dragon-aslan/p/6965014.html 2.模拟器快捷键 回到首页: Cmd + Shift + H 按一次 HOME键摁两次: Cmd + Shift + H 按两次 旋转 :Cmd + 左/右 类似手机长按 : 鼠标放app图像上,长摁电脑左下角,然后Cmd + Sh…

1.项目中新加入组件,应执行npm install命令 2.项目执行react-native run-android 报错,应进入android目录,执行gradlew.bat clean命令 3.ListView引用函数,应先在构造器中进行this绑定 constructor(props) { this.renderItem = this.renderItem.bind(this); } onPressIcon(uid, aid) { const {navigator} = this.prop…

使用以下代码获取navigation static navigationOptions = ({ navigation, navigationOptions }) => { const { params } = navigation.state; return { tabBarVisible: true, title:'档案', headerRight:( <View style={{marginRight:30/1536*width}}> <TouchableOpacity on…

当我们点Debug Android时,会弹出以下错误 Could not debug. Unable to set up communication with VSCode react-native extension. Is this a react-native project, and have you made sure that the react-native npm package is installed at the root? 解决方法:当时我全局安装的react-nativ…

前言 本篇是Kubernetes第十篇,大家一定要把环境搭建起来,看是解决不了问题的,必须实战. Kubernetes系列文章: Kubernetes介绍 Kubernetes环境搭建 Kubernetes-kubectl介绍 Kubernetes-Pod介绍(-) Kubernetes-Pod介绍(二)-生命周期 Kubernetes-Pod介绍(三)-Pod调度 Kubernetes-Pod介绍(四)-Deployment Kubernetes-Service介绍(一)-基本概念 Kuber…