react-native之样式填坑

1.一个标签多个class

如果标签本身有其他class,又要动态添加一个.active的className,来显示内容是否被选中状态,则使用数组写法:


不使用数组写法,后面style名会顶掉前面的;

2.flatlist样式报错

用react native里的flatlist组件,给faltlist直接加了justifyContent或alignitems属性后会报错:

问题原因是scrollView和flatlist之类的组件不支持直接添加这两个属性,解决方法是给组件添加contentContainerStyle属性,这些样式会应用到一个内层的内容容器上,所有的子视图都会包裹在内容容器内,在这个属性后面指定对应的样式即可:
react-native之样式填坑_第1张图片
react-native之样式填坑_第2张图片

你可能感兴趣的:(react-native)