铁柱的博客

一、修改APP名称1、找到读取app_name的地方进入：android/app/src/main/AndroidManifest.xml, 找到 android:label=”@string/app_name”。这个对应的就是APP的名称。@string类似于定义好的变量，直接调取即可。2、修改app的名称进入：android/app/src/main/res/valuse

一、背景      我这边本来是用FastList自带的刷新机制来进行刷新的。但是由于我页面里面的FastList组件太多，刷新方面变得混乱起来。后来又看RN的文档才发现，原来RefreshControl这个刷新组件也可以在ScrollView里面使用。相当于整体页面的刷新，很不错。二、使用方法1、在RN的顶部引入RefreshControl,组件2、属性 onRef

一、React Native 下载组件：RN的组件都是需要从网上下载的。正常来说，我们通过npm start打开服务器之后，直接用npm下载即可。常用的组件，例如按钮，滚动等，都是可以直接下载的。下载组件的命令是： npm install 组件名称 –save 解释：安装的同时，将信息写入package.json中二、下载完成之后，package.json中会有引入的项目。在node_modu

1、准备工作： （1）安装node.js程序 （2）安装android-studio程序（项目第一次加载需要 androidSDK） （3）java环境的配置（百度） （4）需要一个安卓程序模拟器，我用的天天模拟器 （5）windows下需要powershell工具来执行命令： 开始–》输入框搜索powershell–》进入powershell –》执行一些命令 具体的参考

主要是在成功搭建好react native的环境之后，进入项目，了解项目的目录结构和基本的架构模式。了解开发的基本流程

本文主要讲述react native中的fetch请求方法。包括什么是fetch，fetch请求的基本方法等。还有封装的get和post请求方法。

这个是属于基础的switch总结，包括开关的切换，点击开关后如何调用我们写的逻辑等。。。希望能帮到大家。

这篇主要分享RN的底部栏目的实现，以及如何登录带参数等问题。

在做APP的时候，遇到了要加载图片的问题，本来以为很简单，，但是知道真相的我眼泪掉下来。在此记录一下。。一、本地图片的加载      如上图：./代表当前文件，相当于是在本地项目根据目录找到该图片即可。问题是需要注意，图片是require引入的，图片一定要设置宽高二、网络图片的加载      如图所示，网络图片加载需要知道全路径。其次是加载方式不再是require引入，而是uri引入。宽高也是必须设

说来也是惭愧，本来关于底部导航栏，我已经写过一篇博客，只不过那篇更偏向于入门一些，当时一实现功能之后就迫不及待的分享给大家了。地址在这儿：http://blog.csdn.net/LJFPHP/article/details/77888439，后来随着项目的逐渐深入，也慢慢对代码有了一定的优化，然后发现了更好的导航栏目的实现，在此分享给大家。      这边利用的主要组件是react-navigat

这个是很无语的一个坑，算是一个小坑，不过最容易坑的就是有惯性思维的人，在此记录一下一、问题来源1、项目要求修改一个设备的名称，名称要直接显示数据库中查出来的名称，然后修改，保存。2、我以为就是普通的input框，因此，我是这样写的： <TextInput value="{this.state.data.device_name}"

最近做RN，由于先做的是比较简单的部分，所以没碰到什么难点。真正的难点还在后面，所以这周就记录一下几个小问题。也是比较常用的小问题了。一、TextInput组件去掉下划线和加上边框      不得不说，RN自带的TextInput输入框是真的丑，不管是样式还是什么，所以我们根据美工图做东西的时候，需要自己来做一些样式。1、去掉下划线如图所示： (1)maxLength大家都知道，是限制字数的 (

npm使用过程中的一些错误解决办法及npm常用命令

随着项目对react native的使用，碰到了很多RN的坑。。。只可惜我不是职业前端，让我一个php来做页面，是在是有些勉强了。。这篇主要是实现RN的单选按钮，上传表单的时候使用的。github地址：https://github.com/antiantian/radio**一、安装组件** 1、npm i react-native-radio-master –save 2、这个组件不需要npm

一、场景首先，要实现的目标是： 1、点击button，改变button按钮的颜色，并且保持变色状态 2、点击button之后，无法再重复点击二、实现方法1、既然是要改变button的颜色，那一定要有样式。我们需要在原有样式的基础上，增加一个变量’kai’，它的值只能为true或者false，方便我们进行三元运算，实现改变背景色的目的2、具体怎么在原有的样式基础上实现变色呢，请看下面的:解释：首先

用RN写APP的时候，有时候会判断无数据页的情况，我这边的判断总是时灵时不灵的，后面才发现了问题所在。一、关于赋值比较      在RN中的比较，一定要用‘===’来比较。因为RN编译之后，会转换为JAVA代码，众所周知，JAVA是强类型语言，因此比较的时候也要注意数据类型的比较。 例如： 这里就是进行判断，如果数值和类型都符合的话，就渲染无数据页。不符合的话就正常渲染页面。二、undefine

RN中的下拉列表组件。以前RN的下拉列表是listView,但是这个组件的性能不咋地。当数据较多的时候就会很卡。所以RN就新出了一个FaltList组件来代替它。这里我们简单总结一下新的下拉组件。一、使用场景例如美团中的各种美食列表吧，我们需要让他们排列整齐，并且可以下拉刷新，一拉到底。要知道传过来的一定是数组格式的，那么我们需要做的就是把数据循环输出一下。。二、FaltList的各种性质（1）具体

本来一直用的都是RN自带的组件react-navigation，但是后面需求有变，需要顶部导航栏目的标题可以自己控制，同一页面的标题根据数据库查出来的内容变化。因此自定义了一个导航栏目，实现需求。      关于RN自带的顶部导航栏以及底部导航栏目，请看我的另一篇博客，地址： http://blog.csdn.net/ljfphp/article/details/77940284一、背景1、根据需

一、报错信息      根据信息，我们可以看出，这个报错信息和以前JS遇到的报错差不多。应该就是使用’.length’的对象没有定义或者没有值造成的。二、逐步排错1、先找到错误代码位置//这两行代码的意思就是调用定义好的if_text_overflow()方法，尽心字符串的截取。 let title = this.logic.if_text_overflow(this.state.data.li

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;之前一直用RN写APP，但是真正对于RN的安装以及环境配置缺不太了解。相当于站在巨人的肩膀。这次，研究RN的同事离职，所以这块儿就必须要接手。从新搭建了一次环境。在此记录一下。一、RN环境搭建的必须程序1、下载安装node.js。这里去官网下载即可。本人这里安装的是8.2版本的。&nbsp;&nbsp;&n...

正在写RN的视图部分，突然模拟器报错：Expected a component class,got[object object]。找也找不到原因。后来才发现是自己粗心大意造成的。错误代码：<view> <Text style={sscStyle.content_text_title}> 我的订单 </Text>

前言：这边主要是记录下，在react native中如何使用h5页面，以及h5页面发生点击，或者跳转到react native时，如何与react native进行通信。一、react native中的webview组件1、为什么要用webview页面。      我这边用webview是因为用rn来写页面，速度实在是感人。而且RN里面的样式没有css那么全面。如果要做弹出层等，还需要使用rn的组件

这个错误是我这边用react native和webview通信的时候，因为要从webview跳回到react native的页面，所以就从webview传过来一个路由字符串。本来以为可以通过navigate（’路由’）直接跳转的，谁知道直接报错了。一、报错信息：1、关于react native和webview的通信，可以参考我的上一篇博客。实现了简单的通信通能。传送门：http://blog.csd

今晚因为这个问题，加班到晚上11点都没搞出来。实在是气愤，幸好回来查找资料，终于找到了罪魁祸首。一、报错信息* What went wrong:A problem occurred configuring project ':app'.> Could not resolve all dependencies for configuration ':app:_debugApk'.

一、背景      公司的APP，上次发布版本，我们的APP微信登录还是可以用的。但是在最新一版中，微信登录一直报-6的错误。于是开始了蛋疼的寻找之路。二、关于RN中使用微信组件的问题请参考链接：http://www.cnblogs.com/tangyuanby2/p/5589836.html我这里解释下里面一些关键性的东西，前提是博主用的是0.47版本的： 1）此处：