Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 如何更改react native select multiple中复选框的位置,我希望它位于标签之后_React Native - Fatal编程技术网

React native 如何更改react native select multiple中复选框的位置,我希望它位于标签之后

React native 如何更改react native select multiple中复选框的位置,我希望它位于标签之后,react-native,React Native,我想将复选框的位置从标签的左侧更改为右侧。我的要求是这样的。在此问题上的任何帮助都将不胜感激。正如我在下面提到的,请尝试使用类似的方法。尝试react native复选框而不是react native选择多个 import*as React from'React'; 从“react native”导入{按钮、视图、文本}; 从“反应本机复选框”导入复选框; 类DetailsScreen扩展了React.Component{ 状态={ checkedItems:新建映射(), 水果:[“苹果”、

我想将复选框的位置从标签的左侧更改为右侧。我的要求是这样的。在此问题上的任何帮助都将不胜感激。

正如我在下面提到的,请尝试使用类似的方法。尝试
react native复选框
而不是
react native选择多个

import*as React from'React';
从“react native”导入{按钮、视图、文本};
从“反应本机复选框”导入复选框;
类DetailsScreen扩展了React.Component{
状态={
checkedItems:新建映射(),
水果:[“苹果”、“橙子”、“梨”],
};
render(){
console.log('thistate',!!this.state.checkedItems.get('Apples');
返回(
{this.state.fruits.map((项,索引)=>(
{
这是我的国家({
checkedItems:this.state.checkedItems.set(
项目,,
!this.state.checkedItems.get(项目)
),
});
}}
isChecked={!!this.state.checkedItems.get(item)}
leftText={item}
/>
))}
);
}
}
导出默认细节屏幕;

不要怀疑。

你能提供一个关于这个问题的信条吗?
import * as React from 'react';
import { Button, View, Text } from 'react-native';
import CheckBox from 'react-native-check-box';

class DetailsScreen extends React.Component {
  state = {
    checkedItems: new Map(),
    fruits: ['Apples', 'Oranges', 'Pears'],
  };

  render() {
    console.log('thisstate', !!this.state.checkedItems.get('Apples'));

    return (
      <View style={{ flex: 1, justifyContent: 'center' }}>
        {this.state.fruits.map((item, index) => (
          <CheckBox
            index={index}
            style={{ width: '60%', paddingVertical: 20, alignSelf: 'center' }}
            onClick={() => {
              this.setState({
                checkedItems: this.state.checkedItems.set(
                  item,
                  !this.state.checkedItems.get(item)
                ),
              });
            }}
            isChecked={!!this.state.checkedItems.get(item)}
            leftText={item}
          />
        ))}
      </View>
    );
  }
}

export default DetailsScreen;