非動ご博客

先做一下错误(❎)示范：import PropTypes from 'prop-types';static propTypes = { containerStyle: PropTypes.style,}结果：Warning: Failed prop type: LocationIndex: prop type containerStyle is invalid; it mus...

关于react-native-updater-clientpackage.json中引用：react-native-updater-client:"react-native-updater-client": "git+http://172.15.16.186/ReactNative/RNUpdaterClient.git#RN0.33"手动配置步骤：1）APP文件夹build.grad...

中文段落一般都会有首行缩进。然而react native的Text组件并没有直接提供相关的配置属性。在最近的开发中遇到了一个看似简单的需求，要实现如下图的效果重点是需要在标题的左边添加一个分类的标识，而这个标识不能直接使用Text嵌套实现。因为这个标识区域是有边框的。有人可能会问为什么不直接使用marginLeft呢？那将回事另一种效果，如下图所示我的思路是对标题进行首行缩进，空出相应...

react native 可定位的下拉选择框在实际开发过程中，下拉选择应该是比较常用的功能。我在项目开发中先后使用了以下两种第三方插件：react-native-popup-menu...

无状态组件与纯组件（pureComponent）1.1 无状态组件无状态组件可以通过减少继承Component而来的生命周期函数而达到性能优化的效果。从本质上来说，无状态组件就是一个单纯的render函数，所以无状态组件的缺点也是显而易见的。因为它没有shouldComponentUpdate生命周期函数，所以每次state更新，它都会重新绘制render函数。原则上，只要一个组件只具有re...

对于react native 绑定this，我将其归类为以下四种方式：bind 箭头函数 ::运算符使用箭头函数定义函数首先明确观点，我向大家推荐第四种方式：1.bindclass TestBind extends React.Component { constructor(props) { super(props); this.s...

今天继续学习react native 源码react native Android端代码执行的大体流程:第一步：在应用的Application里做RN的初始化操作。有两个需要注意的对象：ReactNativeHost：持有ReactInstanceManager实例，做一些初始化操作。重载方法onCreate里面的SoLoader：加载C++底层库，准备解析JS。第二步：...

简述react native封装了两个易于使用的动画组件。用于全局的布局动画LayoutAnimation，和用于创建更精细的交互控制的动画Animated。本章主要对Animated组件进行简单的学习。动画类型Animated提供了三种动画类型。每种动画类型都提供了特定的函数曲线，用于控制动画值从初始值变化到最终值的变化过程：Animated.decay()以指定的初始速度...

那么书接上回，今天主要是继续探究React Native与原生模块的架构方式。原生模块原生模块可以访问activity、运行环境、GPS、存储空间等。原生模块就是能够在JavaScript层调用的API。因为对原生模块的全部请求都要异步执行。如果原生方法需要为JavaScript层的调用返回数据，该操作将通过promise或者回调函数来完成。React Native为这两种方式都提供了...

原生组件当React Native开始渲染一个界面时，原生层会建立与该界面结构一样的镜像。桥接层把规则（组件属性）从React Native所描绘的UI层传递给原生层。最终在屏幕上看到的，就是React组件转译成相应原生组件的结果。以下我们将探究： - ViewManager(“视图管理器”)如何管理原生UI组件; - React组件属性如何传递给在原生层定义的函数并选择处理方式。Re...