wangqiuwei07的专栏

参照官网使用typescript的教程 ，配置完成以后，报错，，是我把tsconfig.json 写错，写成了ts.config.json

经常看到react-native的库，通过npm安装，怎么才能实现自己的库呢？我没有上传到npm的公共仓库中，只是我的GitHub上面的私有库，通过指定地址也可以实现私有库，我以微信的SDK为例，这里具体实现参考了react-native-wechat这个库，因为微信和iOS的审核都修改对了WKWebView处理，而这个库没有完成升级，所以我自己实现了一个升级的私有库，基本上代码没有修改，只是方便以后使用。进入正题一、新建私有库参考这个工具库，新建要开发的库react-native-module

集成三方库的时候，提示XXXX each module must have a unique path,网上查的回答都是在file->project structure->modules下面删除出问题的这个module，然后重新导入，但是我是试过了，还是不行，以我的react-native-wechat的问题为例，按照安装的教程应该是RNWechat但是因为是别人的项目，他写...

在react-native如果需要结合单个的属性写法 <Animated.Text style={[styles.newBgViewLabel,{display:this.showNEWView}]}>NEW</Animated.Text>其中的newBgViewLabel是常见的定义StyleSheet.create({ contain...

在0.60以上的版本报这个错误，在xcode里面和RN的Libraies里面都找不到这个库了，只能删除，重新安装了yarn add @react-native-community/geolocation或者 npm install @react-native-community/geolocation --savelinkreact-native link @react-native...

写了几个语言的aes和rsa加密，这里记录一下，加密的东西不太懂，这里我只是按需求写的方法，可能不适合有的需求下面使我们提的需求：第一步 实现AES-256-CBC加密函数 aes_encryptstring data = "hasdfoe"string iv = "tdMgL6ryu5ueIjKq"string key = "RFzeuq4i27ZYpQReX5fIUnhJ8sf8s...

react-native不仅能写原生App，为了实现web端功能使用react-native-web能把react-native运行到浏览器里面。今天遇到了一个问题：苹果的Safari浏览器有一个效果，就是当我们上滑动页面的时候，地址栏会跟着滑动，直到地址栏隐藏（图片1）。但是今天遇到了一个问题，当我向上滑动页面的时候，地址栏并没有隐藏而是把我的header遮挡住了（图片2）。做过iOS开发的应...

RN 中的listview为什么不能再style中设置高度，而必须要在外面包上一个view，设置view的style高度才可以

react-native-device-info是一个获取设备信息的库，GitHub上面有集成教程执行了下面两个命令之后，本以为就可以用了，但是调用const apiLevel = DeviceInfo.getAPILevel();方法和其他的方法都是提示方法不存在，后来发现是xcode中没有导入相关的库，其实git上面也说了iOS和Android的集成方法。npm install --sav...

大家开发应用的时候，可能会遇到根据所处不同国家和地区自动切换语言。我的项目是一个金融类的App，但是不只有App端，RN有一个react-native-web库，可以实现web端和移动端统一一套代码（具体的可以看看这个库）。而我的需求是根据是否是中国地区，切换中文和英文。先说最终的解决方案再说坑爹经历：在这种情况下就只能分别判断web和移动端，不能同时处理了。if (window.web){...

下面是我的报错截图，开始以为是Android报的错，其实还是跟RN有关，有人说是RN低版本不支持64bit的，需要升级到0.44或者高级的版本，我没试，Google，改一下build.gradle的配置就可以了加一个配置defaultConfig { .... ndk { abiFilters "armeabi-v7a", "x86", 'a...

先声明：我这个不是codepush那种的热更新，只是我记录实现我需求中的一些问题。我的情况是，我的RN js代码在服务器，而我的iOS和Android native代码在我的本地。测试的时候，需要把RN打包作为本地包放到项目中iOS一般情况RN的URL应该是localhost，使用的时候在本地npm start启动服务器，我这里指向的是服务器的地址// NSURL *jsUrl ...

firebase是Google的一个库，其中有一个admob模块，是用来实现App广告功能的，当然还有其他的分析，数据库等许多模块。而react-native-firebase是firebase的RN实现。具体的集成可以参照网站的步骤，我记录我的错误错误就是我的RN运行不了，然后我不小心把npm的版本改了，执行完npm install以后，各种奇怪的错误，执行下面的命令，设置npm的镜像，我的...

linkreact-native link react-native-vector-iconspod中注释掉# pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'

moment是一个非常好的时间处理js库，能满足我们日常的需求我的需求是把后台返回的时间转换成本地的时间//解析时区，计算UTC偏移量moment(this.props.data.updated_at).utcOffset(-(moment().parseZone(this.props.data.updated_at).utcOffset())).format("YYYY-MM-DD hh:...

RN中的高度不需要设置，因为它会根据内容自动填充，如果需要把scrollview限定在一定的区域内滚动，就需要在scrollview外面在设置一层view，设置view的宽高就可以了...

这个在IOS中实测有时可用但不万能，在安卓中就不尽人意了，最终在github上rn板块找到解决办法，设置隐藏属性imageStyle={{ borderRadius:20 }}&lt;Image style={{width:40,height:40,borderRadius:20}} imageStyle={{borderRadius:20}} /&gt;&lt;ImageBackground...

ReactNative中的flex布局和CSS中的差不多说一下justifyContent和alignItems的理解。这两个属性都是跟flexDirection的row和column有关的，离开这两个属性说没有意义。在iOS中的坐标有X和Y轴，以便定位控件的位置，这两个属性可以把row对应成水平方向的X轴，column就是Y轴。 flexDirection就是决定X和Y哪个是主轴，那么子控件就...

解决方式： 注意，这里是同时打开两个终端1、打开新终端进入项目根目录：npm start2、打开新终端进入项目根目录：react-native run-ios

自己封装FlatList 上拉加载的时候，数据比较少的时候onEndReached 频繁调用，直到加载完所有数据，，按照这篇文章FlatList上拉加载写了一个发现了问题，如果数据比较少，不能满屏的话，onEndReached 就会频繁调用， 也有人说是应该用这种方式绑定 this.onEndReached.bind(this)， onEndReached：当所有的数据都已经渲染过，并且列...

声明 var let constvar 声明全局生效，let只在块内生效，const 声明常量，但是对对象的属性没影响， for (var i;i&amp;lt;10;i++){ array[i]=function(){ console.log(i) } i=1000 //这里i仍然生效 //这里两个count之间不影响，输出6此abc for (let count=0;...

数组的解构赋值完全解构，等式左右两边可以完全解构赋值let [foo, [[bar], baz]] = [1, [[2], 3]];不完全解构，也可以成功let [x, y] = [1, 2, 3];x // 1y // 2let [a, [b], d] = [1, [2, 3], 4];a // 1b // 2d // 4默认值需要注意必须是u...

今天用flex布局，想在主轴上设置某个flex-item右对齐，其他的左对齐，我以为直接用align-self属性就可以了，结果没效果，后来仔细阅读文档，发现align-self属性是用在单个元素的交叉轴的设置上，主轴元素没有找到设置单个元素的属性。 我要的效果是这样的（主轴方向为水平方向） 但是实际效果所有元素左对齐 于是我就对最右边的元素设置以下css就成功了.inlin...

我是从A页面跳转到B页面，B页面回传值A页面，然后A页面刷新。 我遇到的问题是，我把dataSource数据改了以后，必须滑动一下页面才能把数据展示出来。 两个坑：RN教程中对PureComponent这类组件有个介绍。 本组件继承自PureComponent而非通常的Component，这意味着如果其props在浅比较中是相等的，则不会重新渲染。所以请先检查你的renderItem函数...

错误View config not found for name starView 组件的必须是大写的，小写不行改成StarView 错误Invariant Violation 注意import引入时 的{} 如果是 export default class XXX import的时候不需要有中括号{} 如果是export class StarView imp...

这里是传数据，其实把object换成function就是回调传值了 navigate('Detail',{ title:'图片详情', url:item.url, }); this.props.navigation.navigate('selectDoctor',...

按照教程上面首先吧ART库导入xcode，据说Android不用导入，直说iOS的。导入之后提示no component found name ARTShape ，这时需要在Build Phase中导入libART.a库，感谢Stack Overflow。 分三步：直接上图了 1. Find the ART Xcode Project in the node_module/react-nat...

用RN实现下拉筛选的效果：先上效果

使用TabNavigator的时候，在iOS上显示正常，但是在Android中显示的有问题，如下图，背景成了蓝色了。 经过查看官网文档。明白了少写了一个属性。tabBarComponent:TabBarBottom, 字面理解就是tabbar组件，注意这是一个组件，需要导入，但是iOS中少了也没关系，可能是为了适配Android。import { StackNavigator,...

https://www.jianshu.com/p/4d52cfcfe376

新建的React Native 项目，凡是版本号大于0.45的，iOS版本在build的时候会卡在build double conversion 这里。==》解决方案在RN中文网有：http://reactnative.cn/post/4301简单来说，0.45后的RN项目，会依赖一些三方库，然而在国内这些库很难下载到，翻墙也很难下到。操作步骤：1、查询具体需要的三方库：http...