I am building a fitness app, and currently I am having a problem with React Native navigation stack, that I wasn't having before and not sure why this is happening. As you can see in the video, after you select…
Is it possible to change the language of the DateTimePicker calendar based on the language selected in the application using i18n? Currently, the language only changes when the device's language is changed. However, changing the language within the application does…
Suppose, I want to take params region and lang in URLs like: https://root.com/{region}/{lang} https://root.com/{region}/{lang}/school How do I do that? I tried Dynamic Routing, but it doesn't seem to work with the root index.js. How should I structure my folder tree?…
I want to get the time with react-native-date-picker. So I set the mode as time. But this gives in this format, Here time is not correct too. 2023-01-25T16:50:53.467Z This is my code, <DatePicker mode="time" date={date} modal open={pickupTimeModal1} onConfirm={time => console.log(time)}…
I use react-native-element-dropdown package in my app. I want to add dynamic data in the component. But first, I would like to add an empty dropdown option value like: {label: '-- Please Select --', value: ""} const dropdownData = ()…
I am facing an error that says "VirtualizedList: You have a large list that is slow to update - make sure your renderItem function renders components that follow React performance best practices like PureComponent, shouldComponentUpdate, etc." Can anyone help me…
I am using Node.js v19.4.0. When I run npx create-react-app MyApp to create react project in visual studio code editor I get the following error: node:internal/modules/cjs/loader:1056 throw err; ^ Error: Cannot find module 'C:Program Filesnodejsnode_modulesnpmbinnode_modulesnpmbinnpm-cli.js' at Module._resolveFilename (node:internal/modules/cjs/loader:1053:15) at Module._load…
I am trying to authenticate a user using biometrics and pin on my app and I am trying to pass states to the PinSreen. But I am getting an error Invalid attempt to destructure non-iterable instance. In order to be…
With react-native, AppState component allows to listen if an application is in the foreground (active) or in the background (background). Its implementation is very simple : useEffect(() => { const appStateListener = AppState.addEventListener('change', appState => { if (appState === 'active')…
I am generating a list of random strings and rendering using FlatList in react native , but i want to display how long it takes to render that list also . How can i do that in react native ?…