react-native创建searchbar
2016-04-19 14:02
627 查看
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,
}}/>
);
}
}
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,
}}/>
);
}
}
相关文章推荐
- 解决react-native fetch请求报错JSON parse error
- React 组件的生命周期API和事件处理
- reactiveCocoa
- ReactiveCocoa 用 RACSignal 替代 Delegate
- ReactiveCocoa 详解
- RN(react native)入坑指南-08,如何加载远程数据
- RN(react native)入坑指南-07,使用navigator实现页面跳转
- RN(react native)入坑指南-06,项目开发结构(代码分层组织)
- React.js语法学习总结(二)
- React.js语法学习总结(一)
- React学习总结
- React-native 中的触摸响应功能
- React Native初识
- [React] Radium: Updating Button Styles via Props
- native react 的优点
- React中state和props
- 稳赚理财助手将采用native react开发
- window下搭建React Native Android开发环境
- RN(react native)入坑指南-05,使用图标字体Fontawesome
- React Native note