React native 单选按钮在ios上不起作用
我正在尝试使用本机基本单选按钮。我已经添加了一些额外的代码,使单选按钮工作。当它仍然不起作用的时候。代码如下:React native 单选按钮在ios上不起作用,react-native,react-native-android,react-native-ios,native-base,React Native,React Native Android,React Native Ios,Native Base,我正在尝试使用本机基本单选按钮。我已经添加了一些额外的代码,使单选按钮工作。当它仍然不起作用的时候。代码如下: import React, { Component } from 'react'; import { Container, Header, Content, ListItem, Text, Radio, Right } from 'native-base'; export default class RadioButtonExample extends Component { cons
import React, { Component } from 'react';
import { Container, Header, Content, ListItem, Text, Radio, Right } from 'native-base';
export default class RadioButtonExample extends Component {
constructor() {
super();
this.state = {
itemSelected: 'itemOne',
}
}
render() {
return (
<Container>
<Header />
<Content>
<ListItem>
<Text>Daily Stand Up</Text>
<Right>
<Radio onPress={() => this.setState({ itemSelected: 'itemOne' })}
selected={this.state.itemSelected == 'itemOne'}
/>
</Right>
</ListItem>
<ListItem>
<Text>Discussion with Client</Text>
<Right>
<Radio onPress={() => this.setState({ itemSelected: 'itemTwo' })}
selected={this.state.itemSelected == 'itemTwo' }
/>
</Right>
</ListItem>
</Content>
</Container>
);
}
}
import React,{Component}来自'React';
从'native base'导入{容器、标题、内容、列表项、文本、收音机、右};
导出默认类RadioButtonExample扩展组件{
构造函数(){
超级();
此.state={
itemSelected:'itemOne',
}
}
render(){
返回(
每日站立
this.setState({itemSelected:'itemOne'})}
selected={this.state.itemSelected=='itemOne'}
/>
与客户讨论
this.setState({itemSelected:'itemTwo'})}
selected={this.state.itemSelected=='itemTwo'}
/>
);
}
}
如何修复此代码?怎么了?处理ListItem中的onPress事件
import React, { Component } from "react";
import { Container, Header, Content, ListItem, Text, Radio, Right } from "native-base";
export default class RadioButtonExample extends Component {
constructor() {
super();
this.state = {
itemSelected: "itemOne",
};
}
render() {
return (
<Container>
<Header />
<Content>
<ListItem onPress={() => this.setState({ itemSelected: "itemOne" })}>
<Text>Daily Stand Up</Text>
<Right>
<Radio selected={this.state.itemSelected == "itemOne"} />
</Right>
</ListItem>
<ListItem onPress={() => this.setState({ itemSelected: "itemTwo" })}>
<Text>Discussion with Client</Text>
<Right>
<Radio selected={this.state.itemSelected == "itemTwo"} />
</Right>
</ListItem>
</Content>
</Container>
);
}
}
import React,{Component}来自“React”;
从“本机库”导入{容器、标题、内容、列表项、文本、单选、右};
导出默认类RadioButtonExample扩展组件{
构造函数(){
超级();
此.state={
itemSelected:“itemOne”,
};
}
render(){
返回(
this.setState({itemSelected:“itemOne”})}>
每日站立
this.setState({itemSelected:“itemTwo”})}>
与客户讨论
);
}
}
感谢您的回复。这段代码的问题是,当你运行一个应用程序时,两个单选按钮都被关闭,而默认情况下第一个按钮应该被打开。@NewTechLover你找到解决方法了吗?