react-native创建searchbar

来源:互联网 发布:一句话网络段子精选 编辑:程序博客网 时间:2024/05/17 13:39

class SearchBar extends React.Component {

  render() {

    return (

            <View style={styles.searchRow}>

            <TextInput

            autoCapitalize="none"

            autoCorrect={false}

            clearButtonMode="always"

            placeholder="Please input your name..."

            style={styles.searchTextInput}

            />

            </View>

            );

  }

}



class SampleApp extends React.Component {

  render() {

    return (

            <React.NavigatorIOS

            style={styles.container}

            initialRoute={{

            title: '测试数据',

            component: SearchBar,

            }}/>

            );

  }

}




1 0
原创粉丝点击