React Native | Controlled Field Array: Undefined Value

[natealmeida185]

Hello, I am trying to create a dynamic TextInput where the user can append({name: ''") or add a pet name field for the user to fill out. I am unable to retrieve or read the user's input, the value console.log's as undefined. The result should be petname [{name: 'Dog1'}, {name: 'Dog2']

[bluebill1049]

use Controller for react native controlled components: https://react-hook-form.com/api/usecontroller/controller

[natealmeida185]

How would I go about doing this in my example? Do I need onChange and value? Also, do I remove controlledFields in my mapping and just map through fields?

[bluebill1049]

have a look at this example: https://codesandbox.io/s/react-hook-form-usefieldarray-ssugn

[natealmeida185]

I am getting undefined values

[bluebill1049]

can you reproduce the issue on the above codesandbox?

[Moshyfawn]

Here's a snack with an example on how to use RN <TextInput /> with RHF

[balloman]

This snack doesn't actually work???

[shubhambattoo]

Hi @Moshyfawn is your snack working on Android and iOS devices? as I am not able to get it to work with almost a similar codebase. Also your snack is not working on Android and iOS devices, I am not able to update the input values. I am able to update the input values when running in web mode.