阵营本地链接的库搜索栏

Question

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

我按照说明书正确安装了什么，我感到困惑的是如何使用它，因为我想一切抛出错误。

为了测试它，我在一个名为testingReact的程序上使用它，它只是起始反应程序。

我添加了searchBar，所以导入看起来像这样。

'use strict'; 进口反应，{ AppRegistry， 元器件， 样式表 文本， 视图， 搜索栏 }从 '反应天然';

现在，如果我运行它仍然不会引发错误

现在我添加以下代码（当我跑我得到以下错误直接从例如

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

采取“元素类型无效：预期字符串（用于内置组件）或类/功能（复合组件），但得到：未定义检查“testingReact”的渲染方法

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';