无法在本机元素的复选框中使用lineHeight

Question

我正在使用React Native Elements中的复选框。 我需要在每个复选框之间创建一个空格，但是不能。

在第一个复选框中添加以下代码：“ APRENDER SOBRE O BENEFICIO”

 <View style={ styles.checkboxContainer }>
          <CheckBox   
            title='Aprender sobre o benefício'       
            checked={ benefits }
            component={ TouchableWithoutFeedback }
            textStyle={ benefitsTextStyle }
            iconType={"material"}
            checkedIcon={"check"}
            checkedColor={"#00BAEC"}
            uncheckedIcon={"lens"}
            uncheckedColor={"#E3E4E4"}
            size={10}
            containerStyle={{lineHeight: 40, backgroundColor:'red'}}
          />
.
.
.
.
</View>

我还尝试将PROPS style={ styles.checkboxItem }用于那些所有者：

  checkboxItem: {
    margin: 5,
    padding: 5,
    backgroundColor: 'red', // debug
  },

Answer 1

如果您的容器的高度固定，请尝试使用flex属性，例如justifyContent和alginItems，

.checkboxContainer: {
  flexDirection: 'column',
  justifyContent: 'space-between', //You can also try 'space-around'
}

您还可以将每个复选框包装到一个视图中，以设置其尺寸。