React native 与 React 的区别
· One min read
| 维度 | React JS | React Native |
|---|---|---|
| 样式文件 | .scss / CSS 文件 | 无 .scss，使用 StyleSheet.create() |
| 样式写法 | 直接写对象：someContainer: { fontSize:16 } | 需用 StyleSheet.create({...}) 包裹 |
| flex 简写 | 支持 { flex: 1 1 auto } | 不支持简写，需展开：{ flexGrow: 1, flexShrink: 1, flexBasis: "auto" } |
| 背景色 | { background: "#DADADA" } | { backgroundColor: "#DADADA" } |
| 文本组件 | 任意标签（div / span / p）皆可显示文本 | 必须用 <Text> 组件 |
| 文本国际化 | react-intl | react-intl-native |
| 点击事件 | onClick | onPress |
| 路由 | react-router | react-navigation / react-native-navigation |
| PropTypes | React >= 15.5 自带 PropTypes | 同 React JS |
| 全局变量 | window.someVar = val（浏览器全局） | 无 window，需建 constants.js 文件 export default object 后 import 使用 |