zhizhuodewo6的博客

console输出

react native yarn npm

无

es5

android集成RN

rn

参考文章：https://www.jianshu.com/p/3203f413a887

https://www.cnblogs.com/shaoting/p/6565339.html

https://js.coach/?search=protobuf&collection=React+Native

为了实现text文本居中，原本在android 上开发以下的css样式是ok的 PaymentTimeStyle:{ height:36, width:100, fontSize:14, textAlign:'center', alignItems:'center', justifyContent:'center', textAlignVertical:'center', }

转载：https://blog.csdn.net/strawferry/article/details/519889551. 特定平台扩展名React Native会检测某个文件是否具有.ios.或是.android.的扩展名，然后根据当前运行的平台加载正确对应的文件。假设你的项目中有如下两个文件：BigButton.ios.jsBigButton.android.js这样命名组件后你就可以在其他组件中直接引用，而无需关心当前运行的平台是哪个。import BigButton from './

http://172.24.103.103:7089/chartIframe

1、错误1Android: Invariant Violation requireNativeComponent: "RNCViewPager" was ton found in the UIManager 参考文章：https://github.com/ptomasroos/react-native-scrollable-tab-view/issues/1050解决办法：当RN版本大于0.60.0时yarn add @react-native-community/viewpager

最近react native报了下图这个错误。同一项目在ios上没有问题，就在android上有问题。把所有代码都对比也没有找到问题。只能将本地代码删除，从新从服务器拉代码编译，但仍没有解决。最终问题终于找到了。是下面这行代码出了问题：import appContainer from "./src/containers/AppNavigation"因为末尾缺了个引号 ; ，加上就没有问题了。...

1、示例正确案例：export default class ConnectServicePage extends Component{ state = { behavior: 'padding', }; render() { return ( <View style={styles.container}> <KeyboardAvoidingView behavior=

1、参考文章：https://es6.ruanyifeng.com/#docs/async

https://www.jianshu.com/p/49a2f6d04de4

ES6的好处ES6的出现为我们前端带来了很多方便之处，以前用js几十行才实现的一个功能，ES6几行代码就能简单的实现，ES6新增的一些特性，改变了很多弊端之处，比如新出现的let、const，实现了块级作用域功能，减少了以前var的全局变量，箭头函数代替词法作用域的"this" 等等，在这里就不再做更多的举例子，想了解更多请参考https://www.w3cschool.cn/ecmascript/pgms1q5d.html，今天主要跟大家一起了解一下var、let、const之间的区别let.

　如果现在有一个需求，是要把用户的账号密码保存到本地，大家会怎么做的呢？如果在android中，我相信一大部分人会想到SharedPreferences,这是一个以键值对的形式进行存储的。那如果在react native中呢，有没有一个像SharedPreferences一样的轻量存储器呢？答案是有的---AsyncStorage。　　AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统，它对于App来说是全局性的。这是官网上对它的介绍。可以知道，这个asyncstorage

目前的Component仍然在react框架中，也就是说React Native使用的Component是react框架中的组件，而Component有两大数据管理核心State和Props。也就是说即使你仅仅想用React Native开发APP，你也需要去了解React的相关知识，比如Component、State和Props，本文主要介绍State的使用。React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。

1、react-native 列表吸顶效果&滑动渐变动画&轮播渐变动画https://blog.csdn.net/junhuahouse/article/details/99175289

在导入js或者样式表的时候，如果我们放在文件夹下面，有时会涉及路径问题找不到我们的引入，曾经我也遇到过相应的问题。解决方法就是在路径前面加点。那么在这个路径中一个点和两个点到底有什么区别呢？1、一个点：表示当前目录。即类似使用：./juqery.min.js。2、两个点：表示当前目录的上级目录。类似：<script type="text/javascript" src="../jquery.easyui.min.js"></script>...

方式一：参考：webstorm react代码自动补全设置如图，download需要的react和react native模块即可。方式二：LiveTemplateReactNative-LiveTemplate:下载地址下载ReactNative.xml并把它放到下面文件夹中，重启 WebStorm 即可。~/Library/Preferences/WebStormxxxx.x/templates1Mac中打开命令行，输入以下命令即可找到 WebStorm 目录：

这是组件 FlatList 导致出现的警告，出现这个Waring的解决办法是<FlatList keyExtractor={(item, index) => index.toString()}</FlatList>

参考文章：1、https://blog.csdn.net/qq_34829447/article/details/81705977

render() { return <TextInput ref={(c) => this._input = c} />;}this._input=c的作用是该组件TextInput实例赋给this._input，以后通过this._input就可以获取TextInput实例。

无法解析google.android.gms:play-services-tasks，将maven配置的依赖优先级调整下顺序即可。无法解析google.android.gms:play-services-tasks

-- 查看当前地址：npm config get registryhttps://registry.npmjs.org/npm config get disturlundefined-- 设置当前地址（设置为淘宝镜像）npm config set registry http://registry.npm.taobao.org/-- 设置当前地址（设置为默认地址）npm config set registry https://registry.npmjs.org/-- 每次执行命.

1、登陆npm login --registry=http://ip:48732、上传项目npm publish --registry=http://ip:48733、删除已上传项目npm unpublish --force yourPackage --registry http://localhost:4873参考文章：https://www.mscoder....

1、编写自己的第一个库创建helloworld目录创建index.js并写入代码module.exports.Hello = function(name){ console.log("Hello " + name);}执行npm init生成package.json（我没做修改， 都用了默认的）{ "name": "helloworld", "v...

package.json 的 dependencies 里有趣现象https://www.jianshu.com/p/33115db91c40npm 与 Yarn 常用命令对比https://blog.csdn.net/qq_40963664/article/details/82768227

js中逻辑运算符在开发中可以算是比较常见的运算符了，主要有三种：逻辑与&&、逻辑或||和逻辑非！。当&&和|| 连接语句时，两边的语句会转化为布尔类型（Boolean），然后再进行运算，具体的运算规则如下：1.&&1.1两边条件都为true时，结果才为true；1.2如果有一个为false，结果就为false；1.3当第一个条件为fa...

1、搭建环境https://reactnative.cn/docs/getting-started/node下载地址：https://nodejs.org/dist/latest-v10.x/node安装方法：https://www.runoob.com/nodejs/nodejs-install-setup.htmlpython安装方法：https://www.cnblogs.c...

本人由于一直处于android原生的开发，没有接触过react-native，这是第一次接触react-native。进入一个新项目部，比较尴尬的是从搭建react-antive环境，到编译运行起来他们原先的项目，可以说是真是费了一些功夫。搭建完环境后，将项目导入，然后开始打包js。没想到的是直接给我来个错误。1、首先执行打包命令，在项目目录下：react-native bundle...