React Native Amplify UI: Phone Number Country Code is forced to be a Picker

[kingstonfung]

Describe the bug
Country Code input is forced to be a Picker UI control.

To Reproduce
Steps to reproduce the behavior:

1. Implement a simple <Authenticator> component on the application
2. Compile and run the app
3. Go to the Sign Up section of the form
4. Observe the awkwardly rendered input element for setting a country code.
5. Repeat running the app on the other mobile platform and you should see it is also behaving the same (iOS & Android)

<Authenticator>
  <SignIn />
  <SignUp />
  <ForgotPassword />
  <ConfirmSignUp />
</Authenticator>

Expected behavior
Would be ideal if the entire phone number is a numeric input textfield, resulting in a less disruptive UX.

Screenshots

Smartphone (please complete the following information):

• Device: iPhone 8 / Google Pixel 2
• OS: iOS 11.4 / Android OS 8.0.0

Additional context
React Native: 0.57.4
aws-amplify: 1.1.19
aws-amplify-react-native: 2.1.7

[jordanranz]

FYI, we have started an RFC discussion for a proposed Amplify UI Component refactor to increase customizability and flexibility for our components. Please feel free to add any additional comments to the following issue:

aws-amplify/amplify-js#3279

[kingstonfung]

Thank you !

[mehdirazajaffri]

I am unable to interact with the country code, it doesn't open any picker. using following versions:

"aws-amplify": "^3.3.26",
"aws-amplify-react-native": "^4.3.2",
"react": "17.0.1",
"react-native": "0.64.0"

using HOC
import {withAuthenticator} from 'aws-amplify-react-native';
export default withAuthenticator(App);

[ayhoung]

same issue as @mehdirazajaffri

Here you see that it's just +1 and not interactable

[Milan-Shah]

We have released a newer version of Authenticator on our new UI doc site. It has many new features that include custom styling, social sign in support, password manager support, zero config, multi-sign up attributes, i18n support etc.

We have started the implementation for React Native platform and will provide an update here once launched.