react-native-responsive-fontSize | 🔠 Responsive fontSize based on screen-size of the device in React-Native | Frontend Framework library

I am trying to clear user's value from TextInput when user click on button but ican't get it.

I am implementing this demo using Hooks in react-native.

So please help me I am new in hooks with react-native.Thank you in advanced.

I want to go out of top tab navigation but it unable to navigate. It's giving error The action 'NAVIGATE' with payload {"name":"LoginPage"} was not handled by any navigator.

Do you have a screen named 'LoginPage'?

If you're trying to navigate to a screen in a nested navigator, see https://reactnavigation.org/docs/nesting-navigators#navigating-to-a-screen-in-a-nested-navigator

I use nesting navigation also but not work. My Screens are below

Top tab navigation screen

TLDR: i need to create a new object based on the selection from a switch on/off, if i click on, that specific project item is cloned to this new object, and so on

Got this question on reddit too -> https://www.reddit.com/r/reactnative/comments/gpvnhv/need_help_creating_a_new_object_based_on_dropdown/

EDIT: I managed to filter the object for the dropdown component by only taking the clients, also got the filter for the projects to show in the flatlist. I need help by connecting both, that means, selecting a client from the dropdown and showing all the projects where they got the same id, like this

list of clients:

What i'm trying to do is to list an array with multiple items, inside this component, and this array contains a boolean state for each individual item, like this.

When i tried to run my project then it will give me this bundling failed error.

Here is my index.js file code.

I am developing a tablet app (Android and iOS) with Expo and React-Native.

I managed to make the layout responsive without getting into any problems. After running the app on different size devices, i noticed that i forgot about font size responsiveness.

I tried every npm library that i could find ( react-native-responsive-fontsize, react-native-cross-platform-responsive-dimensions, react-native-responsive-fontsize ). With any one of these, I ran out to the same problem: at app's startup, based on device's orientation, font size renders different. (ie. if I open the app when holding the device in portrait mode, font size is visibly bigger compared to when I open the app when holding the device in landscape mode - landscape mode being my app's default orientation). I tried to lock my app's screen orientation on landscape at startup and that reset it to default after my first component is mounted, but that also didn't help.

I came to the conclusion that this happens because all those libraries are using device's dimensions to make procentual values of what I pass to them, but only referring to only one dimension (width or height), which are different based on initial device orientation.

I tried to implement my own solution, thinking about something that would base on both width and height, not on only one of them, and I had come out with this function: