I am new to React Native development. I tried to recreate the below listview with react native and It failed. I just want to know if we can recreate below UI design with react native or the name of this listview type.
Thank You.
Yes, you can recreate such component in react-native, however, it would be too complex to discuss it here. You can look into react-native-snap-carousel, which is the closest open-source library to your case that comes to mind.
Related
Background
Native export some components and want to use in react native with some props. How to receive react native props in swift ui?
Try
Seems RCT_EXPORT_VIEW_PROPERTY not working
Don't know how to use other macro. There are no detailed tutorial.
Read the article react native meets swift ui, but it's example has some problems, Article here, actually don't know how to deal with other type.
I want to create a Toggle component but it should be created in such a way that it can be used in various modules, please let me know how can I do this.
Plenty of ways to do so. You can use ready modules like react native paper or react native switch or if you want your own implementation you can use react native gesture handler and handle clicks and gestures on your own with a couple of views.
I am trying to replicate something like the following in React native and React navigation. Having trouble getting started and even knowing if something like this would be possible. I got normal tabbed view working but, having trouble with this one. Any ideas on how it can be done are welcome. I am new to React Native.
How can I use konvajs library with react native. If not, is there any other library which allows defining canvas object declaratively for react native?
React native doesn't use an html5 view, it render native code so you wouldn't be able to use konvasjs, take a look at react-native-canvas, and see if it fits what you need.
I've been digging deep in React Native for the past week to decide if I and the team should adopt it. And I gotta say it seems promising. I've also learned about its ability to integrate with existing native projects and its incremental adoption to change existing native projects.
My question is what are the cases/reasons that would make me wanna convert my completed old native projects (iOS/Android) into React Native?
Edit: Just to clarify, our team is currently building native apps only.
It depends on what type of app you are building. But you can always use bits of code from native or react native. Since you all can code in native, anything you cannot find you could make a native component.
The advantages of React Native show up with code reuse between iOS and Android so that your team can iterate faster working together. Many big apps have achieved 80% or more code reuse.
You will find flexbox so easy to quickly create views to specs and to change quickly with styles. Plus they are all in code and that plays nice with git.
See edit below:
Now in saying this I have never used React Native inside a native project but to call actions and such you would need to expose functions to call from the JavaScript side. I don't know if a singleton is generally used or just an import of the controller functions or delegated you want to expose but it has to call back to the native application . It is easy to use a native component inside a React native application and I have done this so I am sure it can work the other way.
Edit: Out of curiosity I added some react native views to a test project and it works surprisingly well. No singleton needed Javascript maps the view tag and the exported functions. Crazy. The concerns below still exist but I think if you are changing to change that is wrong but if you have UI changes you want to make then it could definitely benefit as your reuse can grow across your platforms.
Drawbacks I have seen- sometimes transition animations can be laggy if you are not using the native navigation methods. Using both native and React Native adds size to your app so you would need to keep an eye on that. Also start up time can hurt and so monitor that as well.
With all that said I have built a fair bit with React Native lately and it is, at times, beautiful and frustrating for a native developer.
Here is a great article on Instagram and React Native.
Also AirBnb heavily uses RN. They may be completely RN now but I am not sure. They do drive a lot of the outside frameworks in RN for example the maps component in RN. They also just released Lottie and it is very cool. Here is an article about AirBnb.