React Native 开发 Tip

与 css 中的表现不同，在 React Native 中，flex 元素的子元素默认会在主轴方向填满父元素。需要子元素大小包裹内容时，可以在父元素样式中添加 flexWrap: 'wrap'。

---

TouchableWithoutFeedback 与 TouchableHighlight 的差异。可以在 TouchableHighlight 元素可以设置 style 属性，而 TouchableWithoutFeedback 元素上不能设置 style 属性。

---

ios android 平台中 borderRadius 有所差异：

const style = StyleSheet.create({
  avatar: {
    width: 50,
    height: 50,
    backgroundColor: 'transparent',
    overflow: 'hidden',
    ...Platform.select({
      ios: {
        borderRadius: 50 / 2,
      },
      android: {
        borderRadius: 50,
      }
    }),
  }
});

---