React Native链接库搜索栏

Question

我正在尝试使用组件搜索栏 https://github.com/umhan35/react-native-search-bar

我已按照说明正确安装了我感到困惑的是如何使用它作为我正在尝试的一切是抛出错误。

为了测试它我在一个名为testingReact的程序中使用它，它只是启动反应程序。

我添加了searchBar，因此导入看起来像这样。

＆＃39;使用严格的＆＃39 ;; import React，{   AppRegistry，   零件，   样式表   文本，   视图，   搜索栏 来自＆＃39; react-native＆＃39;;

现在如果我运行它仍然不会抛出错误

现在我添加以下代码（直接从示例中获取

    <View> 
      <SearchBar
        placeholder='Search'
        textFieldBackgroundColor='blue'
        />
    </View>

当我运行时，我得到以下错误＆＃34;元素类型无效：期望字符串（对于内置组件）或类/函数（对于复合组件）但得到：undefined。检查＆＃39; testingReact＆＃39;。

的渲染方法

Answer 1

https://github.com/umhan35/react-native-search-bar Usage

SearchBar是自定义组件。你可以像这样导入。

ES5:
var SearchBar = require('react-native-search-bar');

或者

ES6:
import SearchBar from 'react-native-search-bar';