美文网首页
reactnative学习初级框架

reactnative学习初级框架

作者: 彩虹下的笑颜 | 来源:发表于2020-11-23 18:11 被阅读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
    

    相关文章

      网友评论

          本文标题:reactnative学习初级框架

          本文链接:https://www.haomeiwen.com/subject/iyyviktx.html