Tag: react-native

How to input only number in react-hook-form

javascript react-hook-form react-native reactjs

I’m using react-hook-form for my input components, but there is one problem. In some text field, for example, text field for validation that take only number, i don’t know how to do that, with normal textInput, we can use regex, like and put that function and hook value on onTextChange and value r…

Push data inside an array index. React Native JSX

javascript jsx react-native reactjs

I am trying to compare, find and push data inside an array. But getting following error Error => TypeError: undefined is not an object (evaluating ‘data[index].push’) I have following JSON/Array I want to push packages object inside matching category so json/array will be as follows Following i…

React Native Text Input focus with useRef using Typescript

javascript react-native react-native-textinput reactjs typescript

I have an issue with focusing the next input in React Native. I use just one input called GeneralTextInput.tsx in the whole app. In this example I have 2 inputs ==> 1.Group Name, 2.Group Description So I give some props in the parent to this component: And this is my GeneralTextInput.tsx What should I give…

TypeError: undefined is not an object(evaluating ‘_$$_REQUIRE(_dependencyMap[9], “../../config/FIREBASE”).FIREBASE.database’)

android firebase javascript react-native syntax-error

I have installed Firebase with npm in Firebase, but I don’t know what happens with this error. File FIREBASE.js TambahKontak.js Answer You aren’t using the new Modular/Functional syntax which is included from version 9.0.0+. You would have to rewrite your code to follow the new syntax: If you want…

bottom tabs how not to show name

expo javascript react-native

I have app.js in which: I display the bottom tabs, but I see the navigation at the top that shows “Home” as with StackNavigator. I want there to be no true field Answer To Hide bottom tab label

I’m getting error after importing react-native-calendar-picker

javascript react-native react-native-calendars

I’m new to react-native. I’m getting below errors after importing react-native-calendar-picker: Answer If you have already installed the module, then it seems that metro bundler has not been restarted. Try restarting the bundler.

How to properly implement useQueries in react-query?

api javascript react-native react-query reactjs

I’m using react-query to make two separate queries in the same React component. I originally tried using two useQuery hooks: Here’s the content of useData, which is imported from another file: fetchData is a function that queries an AWS DDB table. I’m happy to post that function, but I&#8217…

React Native Elements marginEnd wont position element to the right of its parent container

javascript react-native reactjs

I have some nested components: TEXT and an Image. I would like the button in the blue box to move to the right in the black box (parent). marginRight: 0 and marginEnd: 0 arent working. How can I accomplish this? What is currently Happening. What I want. StyleSheet Answer or