My scrollview is not working in react native app - react-native

im making scroll component visible when someone pressed on input
this is my itemfinder.js link https://drive.google.com/file/d/182ZQf7Ocx7hiJVfaJJjv_pvP32bL3kaN/view?usp=share_link
this is my file which i called itemfinder component https://drive.google.com/file/d/1dAQPk3Hw9vJ7CM3zbzGpCgDDw_LeGB54/view?usp=share_link
i want to make it scroll
im new to react native
anad im using expo for this
Thank you

Related

Placing a react-native-video inside FlatList then pressing a button to go full screen

Say I have a react native app with a FlatList. Inside the FlatList is a react-native-video component. The video is hosted online. Inside the FlatList the video can be played. What I want is also a button that can be pressed and the video should go full screen. Is this possible to do without having to reload the video?
One solution I can do is when the button is pressed a new screen shows (e.g. in StackNavigator) with the video using flex:1 to fill up the screen. However, because it is a new screen the video needs to load again.
I've seen the Reddit app be able to bring up a video full screen without having to reload it. Of course this might be a native app and harder to do in react native.
Any thoughts on how to achieve this in react native?
EDIT: Added extra info.

Native Base components are showing blank page in react native android

Native base components showing blank page in react native android but when i am using react native components like View or Text then its work. Please help me. I think there are versioning issue.

How to show which page is currently opened in sidebar using React Navigation?

I want to show which page is currently opened by the user in the sidebar in a React Native app, which incorporates React Navigation (v1.5).
I want to implement something like this image in my application.
I've tried doing this using this.props.navigation.state (reference) which shows current states/routes in the app, but that didn't worked out for me.
Someone suggested to use global variable in React Native but that was again disappointing.
Kindly help me with that.

Custom Tab bar in React Native

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 to access UINavigationController in react native?

I have created a View where the NavigationBar comes from Obj-c(Native code) and the rest of the view comes from React Native.
Now in the react native view, i have a link which should show the content in a new screen with the navigation experience. I am able to show the content but unable to find a way to change navBar title and show back button on the navBar.
Can you please let me know how we can get access to NavigationBar(Obj-c) in ReactNative?
I don't believe React Native supports this. You cannot take an object created in one language and access it in another. It would be a better idea to create your navigation bar in your JS and use it throughout your app. That even allows you to propagate that UI to your android apps.