TextInput prevent scroll on ScrollView
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- C++
- Estrellas
- 127k
- Forks
- 25.3k
- Merge medio
- 1 d 23 h
- PR fusionados (30 d)
- 4
Descripción
In a too long form, scroll is only available if the touch start outside the TextInput fields
React Native version:
info Fetching system and libraries information...
System:
OS: Linux 4.15 Ubuntu 18.04.2 LTS (Bionic Beaver)
CPU: (4) x64 Intel(R) Core(TM) i7-6500U CPU @ 2.50GHz
Memory: 1.92 GB / 7.67 GB
Shell: 5.4.2 - /usr/bin/zsh
Binaries:
Node: 8.10.0 - /usr/bin/node
npm: 3.5.2 - /usr/bin/npm
SDKs:
Android SDK:
API Levels: 22, 23, 26, 27, 28
Build Tools: 23.0.1, 27.0.3, 28.0.3
System Images: android-27 | Google APIs Intel x86 Atom, android-28 | Google APIs Intel x86 Atom
npmPackages:
react: 16.8.6 => 16.8.6
react-native: 0.60.0 => 0.60.0
npmGlobalPackages:
react-native-cli: 2.0.1
react-native-debugger: 1.1.0
react-native: 0.59.3
Steps To Reproduce
- create a ScrollView with
flex: 1 - put more TextInputs than your screen can handle
- try to scroll with your touch starting on a field
Describe what you expected to happen:
I expect the page to scroll
Snack, code example, or link to a repository:
<ScrollView style={{ flex: 1, }}>
<TextInput placeholder="test" textAlign='center'/>
<TextInput placeholder="test" textAlign='center'/>
<TextInput placeholder="test" textAlign='center'/>
<TextInput placeholder="test" textAlign='center'/>
<TextInput placeholder="test" textAlign='center'/>
<View style={{ height: 150, }} />
<TextInput placeholder="test" textAlign='center'/>
<TextInput placeholder="test" textAlign='center'/>
<TextInput placeholder="test" textAlign='center'/>
<TextInput placeholder="test" textAlign='center'/>
</ScrollView>
snack: https://snack.expo.io/@aiiros/react-native-issue-25594
this is a duplicate of https://github.com/facebook/react-native/issues/15962 which has not yet been answered.
Edit:
Turns out textAlign='center' is causing all of this
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Empieza reproduciendo el comportamiento en el Snack enlazado con un ScrollView que contenga suficientes TextInputs, especialmente con textAlign='center'. Rastrea el comportamiento táctil y de desplazamiento de React Native; se considera completado cuando un toque que comienza en un TextInput sigue permitiendo desplazar el ScrollView contenedor, sin romper la interacción con la entrada de texto.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- react-native
- Área
- mobile
- Tipo de issue
- Error
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Estado de actividad
- Tranquilo
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100