I want to make multi-select TextInput in react native android.
There is a example in react.
this is link:
https://github.com/JedWatson/react-select
I want to do same thing in react native but I am not able to do this.
This answer might be late, but here is a package I created and might be useful. react-native-multiple-select
Related
I'm in the process of learning React JS and I wanted to use one of these library for my styling
ReactStrap
Material UI
The next step for me is to learn React Native as well , and I'm wondering if there will be a similar styling library for both react js and react native with very few differences?
So I could learn and use one library for both react js and react native rather than using two different things for each.
Ciao, I'm using Material UI for my reactjs app and react-native-material-ui for my react-native app. The two libraries are similar (not equal) but very similar and once you learned how to use one, the other one is quite simple to understand.
I`m using Themeor for both: React and React Native. This library has a similar approach to build styled components for React and React Native.
You don`t need to use Stylesheet in React Native and .css files in React projects. You better should read this article about Themeor component and colors using.
I want to use the same component lib on web and mobile with react. I know that semantic-ui-react fits to web, but tried to use it in a react-native project without success.
Am I missing some specific config, or it does not work in both platforms?
You're not missing any configuration. Semantic UI React only generates elements using react-dom. The only way to use it with React Native would be if the entire library was updated to render native elements for other target environments. This is not something that Semantic UI supports... and would represent a significant, likely breaking, refactor to do.
Maybe this package meet your need in react-native
https://www.npmjs.com/package/#muratoner/semantic-ui-react-native
Recently I have a requirement where I need to use the react native component in react web app. I have searched and found one component i.e React Native Web.
That converts the react native component to work in react web app. Although I am having some errors but I actually wanted to confirm that whether it is doable to use the react native component in react web app SO that whenever we make changes in React Native Component, that will automatically be handled to be shown in the web. Because for react-native-web, we need to provide the react native file that will be converted into the web view. But how we can make sure that whenever we update the mobile component, changes will automatically be reflected on the web without making any changes.
Any help would be much appreciated.
Thanks
Yeah , U can use react-native-web.
But not all components working in react-native works on react-native-web , so u have to take care of those components and then u can maintain same codebase for both.
Further more, u can refer to https://github.com/necolas/react-native-web modules and components section
can we combine IONIC for User interface and react native for device communication? I like to use IONIC styles for my app instead of writing my own.
No not really. The closest thing that could be implemented would be to use a React Native WebView and render ionic css styling in the WebView, but it would be pretty complex for not a lot of payoff.
A lot of the built in styling that Ionic comes with is iOS and Android specific, matching the iOS and Android native apis and components. React Native also does this out of the box, so many components (Picker, DatePicker, AlertIOS, ProgressBarAndroid, TabBariOS, etc...) will already have platform specific styling similar to Ionic. The Ionic button styling, cards, etc can be custom built in React Native thought without a ton of effort.
There are lots of React components available. How do I know which ones are usable on React Native platform (IOS and Android)?
Web React components use DOM elements to display (ex. div, h1, table, etc) but these are not supported by React Native. You'll need to find libraries/components made specifically for React Native.
I doubt there are components that supports both, thus it should be fairly easy to figure out if it's made for React Native or not. As of now, if the creator does not specifically say that they made for React Native, it probably does not work on React Native.