小小T的专栏

Windows平台搭建React Native开发环境1、安装JavaJDK 的版本必须是 1.8（目前不支持 1.9 及更高版本）环境变量，变量名"JAVA_HOME"，变量值"d:\Java\jdk1.8.0_05"（即JDK的安装路径）环境变量，变量名"Path&am

RN开发过程中，React Native是将原生控件封装桥接成JS组件来使用的，这保证了其性能的高效性。但是有时候官方封装的常用组件不能满足需求，就需要结合原生UI使用，例如：对原生实现的UI复用；复杂UI仍然需要原生自定义View实现。接下来就简单记录下RN开发过程中调用原生UI的流程。例如下面这个UI效果，就需要用到Android原生自定义View实现：以上图实现效果为例，分别从Andr...

问题1问题描述：TextInput组件在页面底部时，弹出键盘时遮挡TextInput组件，用户无法正常输入内容分析解决：弹出键盘浮在页面布局之上占用了一部分布局控件，可以监听键盘的弹出和隐藏事件，实现动态调整页面布局。//页面装载时componentWillMount() { //监听键盘弹出事件 this.keyboardDidShowListener = Keyboar...

一、实现效果二、实现方式1 使用RN的panResponder组件来实现手势滑动2 在constructor中初始可变组件的属性值和stytleconstructor(props) { super(props); this.thresholdMin = 5; this.thresholdMax = 20; this.sapc...

一、版本升级查看当前版本react-native -version2.查询react-native的npm包得最新版本(react native的npm包的地址为:https://www.npmjs.com/package/react-native)，或者采用命令npm info react-native进行查看,具体截图如下:安装指定版本的react-na...

前两天在RN项目中集成原生的firebase，之后报错插件版本冲突，报错信息如下：What went wrong:Execution failed for task ‘:app:preDebugBuild’.Android dependency ‘com.google.android.gms:play-services-basement’ has different version f...

React Native从开发环境到入门练手，再到跑几个开源demo的整个过程中，遇到了不少问题，以下是对报错现象及解决方法的记录：Mac上运行iOS项目问题1：npm ERR! Unexpected end of JSON input while parsing near ‘…ire-main-filename":"^’问题1解决：运行npm cache clean–force问题2...

React Native项目中，跳转页面之前用的是Navigator，Navigator已经被React Native废弃，官方推荐的是react-navigation来替代Navigator，使用react-navigation的导航组件可以让页面跳转的实现更加简洁。一、react-navigation包括下面三个Navigator：StackNavigator: 这个组件是用来代替之前...

功能：使用React-native-tab-navigator（https://github.com/exponentjs/react-native-tab-navigator） 实现底部选项卡切换实现效果：实现过程：1、项目集成react-native-tab-navigator在项目根目录下，运行：npm install react-native-tab-navigator –-...

React Native项目的开发者菜单打开如下：ReloadReload即将项目中js代码部分重新生成bundle，然后传输给模拟器或手机；Reload在只是修改了js代码的情况下，如果要预览修改结果，你不需要重新编译你的应用。在这种情况下，你只需要告诉React Native重新加载js即可。注意：如果你修改了native 代码或修改了Images.xcassets、res/d...

调试react-native应用时，真机上要通过按下菜单按钮或者摇动手机来开启Developer Menu。我在小米手机上尝试无效，有以下两个权限需要打开：进入设置—更多应用—找到要调试的应用1、权限管理—显示悬浮窗2、通知管理—悬浮通知（打开）打开这两项设置，在调试应用界面时，再次摇动手机就出现React Native的开发者菜单了...

1、安装node.js下载node.js安装包进行安装 https://nodejs.org/zh-cn/命令行查看Node js版本：npm –v，出现版本号说明安装成功2、 安装React Native命令行工具命令行下输入：sudonpm install -g react-native-cli安装成功后，可以通过react-native –h来查看帮助3、 安装ios开发工具x...

WebStorm是一款前端开发工具，也可以用于React Native项目下载安装WebStormWebStorm下载地址安装完不要运行webstrom下载破解补丁打开网址（IntelliJ IDEA 注册码），下载补丁然后将补丁复制到安装目录的bin目录下，例如：D:\Program Files\JetBrains\WebStorm 2018.2.3\bin修...

一、React Native简介由Facebook推出，基于JavaScript框架和React库来提高多平台开发效率的一门语言。其核心思想是：Learn once, write anywhere.目前react native在iOS上仅支持ios8.0以上，Android仅支持Android4.1以上。性能：内存和cpu介于原生和混合开发（Hybird）之间。语言：Rea...