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;