一、Keyboard API当我们点击输入框时，手机的软键盘会自动弹出，以便用户进行输入。React Native 框架提供的Keyboard API可以实现对键盘事件进行监听，能够检测到键盘的弹出与收回，从而对布局做出相应的调整，并可以通过代码关闭虚拟键盘。1.addListener(eventName, callback)这个函数用来加载一个指定事件的事件监听器，该函数返回一个对象。...

RN 抽屉导航DrawerNavigator一、DrawerNavigator接口二、抽屉导航页面三、 打开抽屉式导航四、遇到的问题一、DrawerNavigator接口DrawerNavigator（RouteConfigs,DrawerNavigatorConfig）其中RouteConfigs部分和StackNavigator的完全一样。DrawerNavigatorConfig的各个...

RN 标签导航TabNavigator一、导航栏分类二、TabNavigator的应用一、导航栏分类StackNavigator: 类似于普通的Navigator，实现不同的页面进行跳转TabNavigator: 屏幕上方或下方的标签栏，不同的tabs互相切换。DrawerNavigator: 抽屉效果，侧边滑出二、TabNavigator的应用这里根组件是定义一个栈导航，在栈导航中...

开发中我们知道，ReactNative提供的组件并不能完全满足开发的需求，此时就需要自定义一些通用组件，那么如何导出全局的自定义组件呢？一、自定义组件的导出二、自定义组件的封装三、发布到npm1、npm官网注册账号 https://www.npmjs.com/signup2、进入GitHub下载的代码文件夹内，执行npm init接下来就是需要一系列的信息填写了name：填写...

1、Text内部的元素不再使用flexbox布局，而是采用文本布局。textAlign属性：首字母为英文时，默认从左向右排列。 此时可以调整为center2、Text居中显示的问题在开发中，开发者时常需要将一串字符串显示在比字符串高度高很多的空间中，此时通常就需要水平与垂直方向都居中显示。`<TouchableHighlight activeOpacity={1} onPre

ScrollView组件允许用户左、右或者上、下滑动来查看原来显示在屏幕外的内容一、ScrollView组件常用属性1.horizontal：布尔类型属性，当他为true时，ScrollView的所有子组件将会水平排列，false为垂直排列2.showsHorizontalScrollIndicator:布尔类型属性，当他为true时，水平方向会展示一个滑动指示器3.showsVertic...

长列表或者无限下拉列表是最常见的应用场景之一。RN 提供的 ListView 组件，在长列表这种数据量大的场景下，性能堪忧。而在最新的 0.43 版本中，提供了 FlatList 组件，或许就是你需要的高性能长列表解决方案。它足以应对大多数的长列表场景。一、属性说明<FlatListdata={showData}renderItem={th...

一、Keyboard API当我们点击输入框时，手机的软键盘会自动弹出，以便用户进行输入。React Native 框架提供的Keyboard API可以实现对键盘事件进行监听，能够检测到键盘的弹出与收回，从而对布局做出相应的调整，并可以通过代码关闭虚拟键盘。1.addListener(eventName, callback)这个函数用来加载一个指定事件的事件监听器，该函数返回一个对象。...

RN样式及flex布局1、RN样式2、FlexBox布局1、RN样式React-Native 的样式是使用RN提供的 StyleSheetAPI的create函数来定义一个styles对象实现的1.1 样式声明：import {StyleSheet} from 'react-native';const styles = StyleSheet.create({contain...

ScrollView组件允许用户左、右或者上、下滑动来查看原来显示在屏幕外的内容一、ScrollView组件常用属性1.horizontal：布尔类型属性，当他为true时，ScrollView的所有子组件将会水平排列，false为垂直排列2.showsHorizontalScrollIndicator:布尔类型属性，当他为true时，水平方向会展示一个滑动指示器3.showsVertic...