React Native Authenticator SignUp component ScrollView always bounces

[egoossens]

Describe the bug In React Native, when using the Authenticator components, the SignUp component uses a ScrollView. This creates an undesired bounce effect when it is positioned between other components.

To Reproduce Steps to reproduce the behavior:

1. Go to Sign up screen
2. Scroll the form

Expected behavior SignUp should use a View to ensure behaviour is consistent with SignIn.

Environment

``` System: OS: macOS 10.15.1 CPU: (8) x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz Memory: 173.55 MB / 16.00 GB Shell: 5.7.1 - /bin/zsh Binaries: Node: 13.3.0 - /usr/local/bin/node Yarn: 1.13.0 - /usr/local/bin/yarn npm: 6.13.1 - /usr/local/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman Browsers: Chrome: 79.0.3945.88 Firefox: 66.0.2 Safari: 13.0.3 npmPackages: @reduxjs/toolkit: ^1.1.0 => 1.1.0 @types/graphql: ^14.5.0 => 14.5.0 @types/history: ^4.7.3 => 4.7.3 @types/i18n-js: ^3.0.1 => 3.0.1 @types/lodash: ^4.14.149 => 4.14.149 @types/react: ~16.9.0 => 16.9.16 @types/react-native: ~0.60.23 => 0.60.25 @types/react-native-vector-icons: ^6.4.4 => 6.4.4 @types/react-redux: ^7.1.5 => 7.1.5 amazon-cognito-identity-js: ^3.2.0 => 3.2.0 autopilog-models: ^0.2.239 => 0.2.239 aws-amplify: ^2.2.0 => 2.2.0 aws-amplify-react: ^3.1.2 => 3.1.2 aws-amplify-react-native: ^2.2.3 => 2.2.3 aws-appsync: ^3.0.2 => 3.0.2 babel-preset-expo: ~8.0.0 => 8.0.0 expo: ~36.0.0 => 36.0.0 graphql-tag: ^2.10.1 => 2.10.1 history: ^4.10.1 => 4.10.1 i18n-js: ^3.5.0 => 3.5.0 lodash: ^4.17.15 => 4.17.15 react: ~16.9.0 => 16.9.0 react-dom: ^16.12.0 => 16.12.0 react-native: https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz => 0.61.4 react-native-screens: 2.0.0-alpha.12 => 2.0.0-alpha.12 react-native-web: ^0.11.7 => 0.11.7 react-redux: ^7.1.3 => 7.1.3 react-router-dom: ^5.1.2 => 5.1.2 react-router-native: ^5.1.2 => 5.1.2 redux: ^4.0.4 => 4.0.4 redux-thunk: ^2.3.0 => 2.3.0 typescript: ~3.6.3 => 3.6.4 validate.js: ^0.13.1 => 0.13.1 npmGlobalPackages: @angular/cli: 1.0.1 @aws-amplify/cli: 4.6.0 bower: 1.8.0 chai: 4.1.2 dukat: 0.0.23 expo-cli: 3.11.1 firebase-tools: 3.18.4 generator-fountain-webapp: 1.0.0 gulp-cli: 1.2.2 gulp: 3.9.1 http-server: 0.10.0 ios-deploy: 1.9.4 lerna: 3.19.0 localtunnel: 1.8.3 mocha: 5.0.1 n: 2.1.8 npm: 6.13.1 react-native-cli: 2.0.1 react-native-create-library: 3.1.2 react-native-git-upgrade: 0.2.7 redis-commander: 0.4.4 rxjs: 5.3.0 ts-node: 5.0.0 ts2kt: 0.1.3 typescript: 3.7.3 typings: 2.1.1 verdaccio: 4.3.4 yo: 1.8.5 ```

Smartphone (please complete the following information):

• Device: iPhone 11 Pro Max Simulator
• OS: iOS13
• Browser: React Native

[Amplifiyer]

@egoossens The reason signup component uses a ScrollView as there can by multiple signup fields which may not fit in the view. Other forms have constant number of fields.

Can you share with us a sample app or code where we can reproduce the undesired effect of the ScrollView in signup component?

[stale[bot]]

This issue has been automatically closed because of inactivity. Please open a new issue if are still encountering problems.

[github-actions[bot]]

This issue has been automatically locked since there hasn't been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.