Toggling required data Switch on Project Input screen is jerky (Android only)

[knipec]

App Version

1.1 (195)

Account

No response

Platforms

• [ ] iOS - Unknown
• [X] Android
• [ ] iOS simulator - Does not repro
• [X] Android emulator

Description

On Android, toggling a switch in RequiredDataSettings goes back and forth before settling

This does not happen with the switch in FeatureFlagControl (which uses react-native-paper) or the Switch in FormSwitch (accessed via the EditDepthModal when you edit a depth interval on a site)

Steps to Reproduce

1. Go to a project you can edit, and go to the Inputs tab
2. Scroll down to the "Data Collection Requirements" section
3. Click a switch to toggle it

Expected behavior

Switch slider moves smoothly from one side to the other

Actual behavior

Switch slider moves back and forth before settling on the other side

Additional context

https://github.com/user-attachments/assets/374551e4-cec9-462b-8317-013270cbadff

[knipec]

Triage notes:

• It's probably going back and forth waiting for a network call to complete
• Maybe also use the right type of switch?
• @knipec to file a bug for text wrapping
• @CourtneyLee333 to make a component library task