react-native讲述.pptxVIP

React NAtive;为什么跨平台;目前主流的应用;;基于react native实现的app;react-native做了什么;react native 基本组成;基于原生的UI组件 ui组件是ios native code 提供的基本核心类或组件,由react native的js部分组成的. ;js与原生代码通信（ios）;1、react 宽度基于pt为单位， 可以通过Dimensions?来获取宽高，PixelRatio?获取密度 2、支持flex布局，view默认宽度为100%，水平居中用alignItems, 垂直居中用justifyContent，基于flex能够实现现有的网格系统需求，且网格能够各种嵌套无bug 3、图片布局，默认不设置模式等于cover模式，通过Image.resizeMode来适配图片布局，包括contain,?cover,?stretch 4、定位相对于父元素，父元素不用设置position也行，所有padding变成了marginBottom ;Flexbox;基于REACT，JSX的组件化开发模式 React 是一套前端javascript框架，由facebook开源。 特点：JSX语法，组件化模式，virtual DOM 基本模??：每个react应用可视为组件的组合，每个react组件由属性（property）和状态（state）来 配置，当状态发生变化时更新ui，组件的结构是由虚拟的DOM来维护，确保实际更新的 DOM值包括真正产生了状态变化的部分。 ;Chrome DV Tool的集成 1、支持Chrome调试 2、事事刷新live reload 2、Chrome react 插件查看虚拟dom;react-native run server;Gradle;Gradle 在Android apk的构建过程的位置;React虚拟Dom;React 生命周期;Redux 单向数据流;react native 优点;依赖原生组件暴露出来的组件和方法。版本中有大量组件是iOS only的如：SliderIOS、SwitchIOS、TabBarIOS、AlertIOS、AppStateIOS、LinkingIOS、PushNotificationIOS、StatusBarIOS、VibrationIOS等，用户必须在不同的平台下写两套代码，而且所有能力仍然强烈依赖 React native 开发人员暴露的接口。 React学习成本高，不像往常的Hybird方案，只要多学几个JS API就可以开始干活了。不过，React的组件化会后续开发变得简单了一些。 React Native 不实现 CSS ，提供css-layout对?CSS 部分属性支持 另外，React Native文档还不全，安卓支持性有待提高;react native 需要掌握;谢谢！