Javascript react native：有没有办法修复我的示例中的复选框？ 如何将所有复选框放在一个视图下 当我按下它时，它将选中所有其余复选框；当我再次按下它时，它将删除我的所有复选框，我如何使其选择全部 import React，{useState}来自“React”； 从“react native”导入{Text，StyleSheet，View}； 从“@react native community/CheckBox”导入复选框； 常量应用=（）=>{ 常量[isSelected1，setSelection1]=useState（false）； 常量[isSelected2，setSelection2]=useState（false）； 返回( 全选 名字 ); }; const styles=StyleSheet.create({ 容器：{ 弹性：1， 对齐项目：“中心”， 辩护内容：“中心”， }, checkboxContainer：{ flexDirection:“行”， //marginBottom:20， }, 复选框：{ 对准自己：“居中”， }, 标签：{ 差额：8， }, }); 导出默认应用程序；

如果希望复选框文本垂直对齐，则可以删除所有checkboxContainer视图，但如果希望保留当前布局，则需要所有checkboxContainer视图

我在helper函数中添加了一个额外的复选框，它实现了all checked/not checked功能

import React，{useState}来自“React”；
从“react native”导入{样式表、文本、视图}；
从“@react native community/CheckBox”导入复选框；
常量应用=（）=>{
常量[isSelected1，setSelection1]=useState（false）；
常量[isSelected2，setSelection2]=useState（false）；
常量checkAllHelper=（值）=>{
如果（值）{
设置选择1（正确）；
设置选择2（正确）；
}否则{
设置选择1（错误）；
设置选择2（错误）；
}
};
返回(
全选
名字
checkAllHelper（newValue）}
style={style.checkbox}
/>
选中所有复选框
);
};
const styles=StyleSheet.create({
容器：{
弹性：1，
对齐项目：“中心”，
辩护内容：“中心”，
},
checkboxContainer：{
flexDirection:“行”，
//marginBottom:20，
},
复选框：{
对准自己：“居中”，
},
标签：{
差额：8，
},
});
导出默认应用程序
import React, { useState } from "react";
import { Text, StyleSheet, View } from "react-native";
import CheckBox from '@react-native-community/checkbox';

const App = () => {
  const [isSelected1, setSelection1] = useState(false);
  const [isSelected2, setSelection2] = useState(false);

  return (
    <View style={styles.container}>
      <View style={styles.checkboxContainer}>
        <CheckBox
          value={isSelected1}
          onValueChange={setSelection1}
          style={styles.checkbox}
        />
        <Text style={styles.label}>CHOOSE ALL</Text>
      </View>
      <View style={styles.checkboxContainer}>
        <CheckBox
          value={isSelected2}
          onValueChange={setSelection2}
          style={styles.checkbox}
        />
        <Text style={styles.label}>THE NAME</Text>      
      </View>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: "center",
    justifyContent: "center",
  },
  checkboxContainer: {
    flexDirection: "row",
    // marginBottom: 20,
  },
  checkbox: {
    alignSelf: "center",
  },
  label: {
    margin: 8,
  },
});

export default App;