ReactNative 踩坑之旅

样式要从StyleSheet.create创建

不要使用如下的样式
原因：性能

<Text style={{...}}>{data.smallText}</Text>

使用示例：

// 生成样式
const styles = StyleSheet.create({
    text: {
        fontWeight: '600'
    }
});

样式没有px，rem等

如，reactnative不使用单位
错误示例： fontSize: ‘27px’
正确示例： fontSize: 27

宽高只能是数字或%

正确示例 width: 50, width: “50%”
错误示例 width: ‘50’, width: ‘50px’
如果输入错误，程序将崩毁

内边界外边界只能是数字

正确示例：padding: 50, margin: 50
错误示例：padding: ‘50px’
如果输入错误，程序将崩毁

字重

正确示例：fontWeight: ‘600’（没写错，就是有引号）
错误示例： fontWeight: 600
如果输入错误，程序将崩毁

按钮点击反应

如果你开启的浏览器debug调试，那么你的按钮点击了会没反应