推荐使用：React Native Search Bar —— 打造原生级搜索体验

import React from 'react';
import { View, TextInput, StyleSheet } from 'react-native';
 
const SearchBar = () => {
  return (
    <View style={styles.container}>
      <TextInput
        style={styles.input}
        placeholder="搜索"
      />
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    margin: 10,
    padding: 10,
    backgroundColor: '#fff',
    borderRadius: 5,
  },
  input: {
    height: 40,
    borderWidth: 1,
    borderColor: '#ddd',
    borderRadius: 3,
    paddingHorizontal: 10,
  },
});
 
export default SearchBar;

这段代码展示了如何在React Native应用中创建一个简单的搜索栏组件。它使用了TextInput组件来收集用户输入，并通过StyleSheet.create定义了视觉样式。这个例子是一个开始学习React Native的好方法，并展示了如何将输入和样式组合在一个组件中。