reactnative学习初级框架

2020-11-23  本文已影响0人  彩虹下的笑颜

先有框架,再有章节,入门先从组件,样式,api调用 三方面入手,类比其他语言的 视图,样式,数据处理

1、组件

常用组件

<View> <Text> <Image>
<ScrollView> <TextInput> <StyleSheet>

交互组件

<Button><Picker 选择栏><Slider 滑条选择><Switch 开关>

列表视图

<FlatList><SectiionList 带分组的列表>

其他组件

<ActivityIndicator 加载视图><Alert 提示框>
<Animated 动画> <CameraRoll 访问相册> 
<Dimensions 设备尺寸> <KeyboardAvoidingView 随键盘弹起> <Linking 通用的接口调起其他应用><Modal 模态视图> <PixelRatio 获取设备像素> <RefreshControl 添加下拉刷新功能><StatusBar 控制顶部状态栏组件> <WebView 显示web内容>

2、样式

style={{
backgroundColor: '#f9c2ff',
height: 40,
width:
left:
top:
margin:
fontSize:
padding: 20,
marginVertical: 8,
marginHorizontal: 16,
borderColor: 'gray',
borderWidth: 1
...
}}

3、api

https://reactnative.cn/docs/accessibilityinfo
上一篇下一篇

猜你喜欢

热点阅读