陣營本地鏈接的庫搜索欄

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