Android: ScrollView, который содержит textInput без прокрутки

У меня есть scrollView, который содержит слишком много textInput. Все работает, пока я не добавлю textAlign: 'right' в стили TextInput. После этого ScrollView не отвечает на прокрутку. Эта проблема только что возникла в Android, в iOS она работает как положено. Я добавил простой код на snack.expo.

  render() {
    let TextInput2 = (
      <TextInput
        style={{
          flex: 1,
          textAlign: 'right',
          height: 50
        }}
        placeholder="placeholder"
      />
    );
    return (
      <ScrollView>
        {TextInput2}
        {TextInput2}
        {TextInput2}
        {TextInput2}
        {TextInput2}
        {TextInput2}
        {TextInput2}
        {TextInput2}
        {TextInput2}
        {TextInput2}
        {TextInput2}
        {TextInput2}
        {TextInput2}
        {TextInput2}
      </ScrollView>
    );
  }

person Meysam Izadmehr    schedule 21.05.2017    source источник


Ответы (2)



Я не уверен, почему textAlign: 'right' вызывает это, но я заметил существенную разницу между ios и android TextInput. В Android, если поле TextInput меньше размера шрифта, оно создает прокручиваемый TextInput внутри себя, не позволяя прокрутке быть ответчиком. Попробуйте увеличить высоту и ширину каждого TextInput, чтобы убедиться, что это не так.

person Ruben Rizzi    schedule 22.08.2017