Search box and navigation bar (React Native)
by Wusheying
' Use strict '; var React = require (' react-native '); var {appregistry, StyleSheet, View, TextInput,} = React;class Search Bar 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.conta Iner} initialroute={{title: ' My App ', Component:searchbar,}}/>); }}var styles = React.StyleSheet.create ({container: {flex:1}, Searchrow: {backgroundcolor: ' #eeeeee ', padd ingtop:75, Paddingleft:10, Paddingright:10, Paddingbottom:10,}, Searchtextinput: {backgroundcolor: ' WH Ite ', bordercolor: ' #cccccc ', BorderradiUs:3, Borderwidth:1, height:30, Paddingleft:8,},}); React.AppRegistry.registerComponent (' SampleApp ', function () {return sampleapp});
Search box and navigation bar (React Native)