text: import React, { Component } from "react";
  import {
    Container,
    Header,
    Title,
    Content,
    Button,
    Icon,
    ListItem,
    List,
    Text,
    Left,
    Right,
    Body
  } from "native-base";
  import styles from "./styles";
  
  const datas = [
    {
      route: "NHDefaultRadio",
      text: "Default Radio"
    },
    {
      route: "NHCustomRadio",
      text: "Custom Radio"
    }
  ];
  
  class NHRadio extends Component {
    render() {
      return (
        <Container style={styles.container}>
          <Header>
            <Left>
              <Button
                transparent
                onPress={() => this.props.navigation.navigate("DrawerOpen")}
              >
                <Icon name="menu" />
              </Button>
            </Left>
            <Body>
              <Title>Radio</Title>
            </Body>
            <Right />
          </Header>
  
          <Content>
            <List
              dataArray={datas}
              renderRow={data =>
                <ListItem
                  button
                  onPress={() => this.props.navigation.navigate(data.route)}
                >
                  <Left>
                    <Text>
                      {data.text}
                    </Text>
                  </Left>
                  <Right>
                    <Icon name="arrow-forward" style={{ color: "#999" }} />
                  </Right>
                </ListItem>}
            />
          </Content>
        </Container>
      );
    }
  }
  
  export default NHRadio;
  