分平台的：ProgressBarAndroid、ProgressViewIOS ProgressBar组件的属性： styleAttr：进度条的样式，Horizontal Small Large Inverse SmallInverse LargeInverse progress：当前的进度值（在
2023-02-25
引入库 <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js"></script> <scrip
2023-02-25
本组件可以在iOS和Android上渲染原生的选择器（Picker） Picker组件的属性 mode：选择器的样式，包括dialog、dropdown 箭头函数 //无参数 => 函数体 () => { return 0; } //带参数 => 函数体 (para
2023-02-25
React Native的Image组件调用的图片途径比较多：网络图片、本地图片、照相机图片 Image组件的属性： resizeMode：图片适用的模式cover、contain、stretch source：图片的引用地址 网络图片：{% raw %}source={{uri: '
2023-02-25
React Native没有像Web开发那样给元素绑定click事件，前面讲的Text组件有onPress事件回调，View组件是没有的，但是在实际项目开发中，很多其他的组件也是需要可以被点击的，RN提供了3个组件来赋予被点击的能力（去包裹其他组件即可），这3个组件被称为“Touchable类组件”
2023-02-25
TextInput组件 TextInput：文本输入框，文本编辑框 TextInput的主要属性 autoCapitalize：枚举类型，可选值有none sentences words characters 当用户输入时，用于提示 placeholder：占位符，在输入前显示的文本内容 val
2023-02-25
Navigator组件初探 一个应用往往是由多功能视图组成！多页面的切换：路由或导航 在RN中专门负责视图切换的组件：Navigator、NavigatorIOS 导航器对比： Navigator和NavigatorIOS都可以用来管理应用中“场景”的导航（也可以称作屏幕）。导航器建立了一个路由栈
2023-02-25
Text组件主要用于显示文本： 具有响应性：可以相应点击等事件 可以嵌套：Text标签中可以嵌套Text标签 可以继承样式：内部Text组件可以继承外部Text组件的样式 Text组件的特性： onPress numberOfLines: 最多显示多少行 onLayout 案例：网易新闻客
2023-02-25
在React Native里有一个类似于div的组件，那就是View组件，支持多层嵌套，支持flexbox布局 实例步骤： 加载View组件 创建组件 添加样式表 注册入口 外层布局 <View style={styles.container}> <View style
2023-02-25
调试 http://localhost:8081/index.android.bundle?platform=android 当应用启动运行的时候，会自动拉取这个bundle文件，该文件里存放的是应用的全部逻辑代码，在目录中并不存在这个文件，事实上，这个地址只是一个请求地址，而非真正的静态资源文件，
2023-02-25
ReactJS组件通信 ReactJS组件关系是嵌套的，因为使用DOM结构，组织结构比较清晰。 因此ReactJS组件包含父组件与子组件 （1）子组件如何调用父组件 this.props （2）父组件如何调用子组件 首先使用属性ref为子组件取个名字 this.refs.名字.getDOMNode
2023-02-25
JSX React是由ReactJS与React Native组成，其中ReactJS是Facebook开源的一个前端框架，React Native是ReactJS思想在Native上的体现！ JSX并不是一门新的语言，仅仅是个语法糖，允许开发者在JavaScript中书写HTML语法，最后每个HT
2023-02-25
Flexbox属性 React Native目前主要支持Flexbox的如下6个属性： flexDirection 指定主轴的方向 flex-direction:row | row-reverse | column(默认值) | column-reverse flexWrap 伸缩容器在主轴线方向
2023-02-25
基本介绍 Flexbox是Flexible Box的缩写，弹性盒子布局。主流的浏览器都支持 Flexbox布局是伸缩容器(container)和伸缩项目(item)组成 Flexbox布局的主体思想是元素可以改变大小以适应可用空间，当可用空间变大，Flex元素将伸展大小以填充可用空间，当Flex元素
2023-02-25
基本介绍 ReactNative是基于React设计，了解React有助于我们开发RN应用。React希望将功能分解化，让开发变得像搭积木一样，快速而且可维护。 React的核心思想：组件化，特别适合一个团队开发项目。 React主要有如下3个特点： 作为UI（Just the UI） 虚拟DO
2023-02-25