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你找到解决方法了吗?