React Native Linking Library - ios

Question

I wanted to use the Native IOS search bar from https://github.com/umhan35/react-native-search-bar and when I run npm install --save (http://facebook.github.io/react-native/docs/linking-libraries-ios.html) I get error bash: library-with-native-dependencies: No such file or directory. I tried to link the library manually but it fails without showing any error. Can some one help?

Answer 1

I hope you did not type
npm install <library-with-native-dependencies> --save
-bash: library-with-native-dependencies: No such file or directory
In case you did, it should have been
npm install react-native-search-bar --save
If you managed to link it manually and run it, try setting a width and height for the SearchBar
.........
render(){
return (<SearchBar style={styles.searchBar} ref='searchBar' placeholder='Search'/>);
}
.........
const styles = StyleSheet.create({
searchBar:{
width: 200,
height: 40
}
});

Answer 2

Check whether module present in ProjectDirectory -> node_modules -> react-native-search-bar
if Not Follow Below Steps
From Your Root Directory Open package.json
Update your dependencies
Ex: Fetch from Github.
"dependencies": {
"react": "^0.14.8",
"react-native": "^0.25.1",
"react-native-search-bar": "git+https://github.com/umhan35/react-native-search-bar",
}
OR
Ex: Fetch From NPM
"dependencies": {
"react": "^0.14.8",
"react-native": "^0.25.1",
"react-native-search-bar": “^2.11.0",
}
From Terminal Change to Your Project Directory.
npm install
npm start
react-native run-ios
Then you can just import this module wherever you want to use it.
Ex: In index.ios.js
var awesomeSearchBar = require('react-native-search-bar’);