Событие TextInput onContentSizeChange не запускается - PullRequest
0 голосов
/ 17 июня 2020

Я пытаюсь увеличить высоту TextInput, когда введенный текст достигнет второй строки. Однако я не получаю события, когда мой текст переносится на вторую строку (без использования символа новой строки). Это приводит к частичному скрытию текста внутри ввода.

В документации я не могу найти ни одного события, которое возвращает размер содержимого, кроме onContentSizeChange.

Я тестирую Android устройство.

Не могу обновить React-Native, я застрял на 0.58.1

class SomeComponent extends React.component 
{
    ...
    handleContentSizeChange = (event) => {
        console.log('Handling contentSizeChange');
    }

    render() {
        return (
            <TextInput ... multiline={true} onContentSizeChange={this.handleContentSizeChange}/>
        )
    }
}
React Native Environment Info:
    System:
      OS: macOS 10.15.4
      CPU: (8) x64 Intel(R) Core(TM) i7-6700HQ CPU @ 2.60GHz
      Memory: 882.73 MB / 16.00 GB
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 11.8.0 - ~/.nvm/versions/node/v11.8.0/bin/node
      Yarn: 1.5.1 - /usr/local/bin/yarn
      npm: 6.5.0 - ~/.nvm/versions/node/v11.8.0/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 13.4, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
      Android SDK:
        API Levels: 21, 23, 26, 27, 28, 29
        Build Tools: 27.0.0, 27.0.3, 28.0.0, 28.0.2, 28.0.3, 29.0.0
        System Images: android-22 | Google APIs Intel x86 Atom, android-26 | Google Play Intel x86 Atom, chromeos-67 | Chrome OS 67
    IDEs:
      Xcode: 11.4.1/11E503a - /usr/bin/xcodebuild
    npmPackages:
      react: 16.6.3 => 16.6.3 
      react-native: 0.58.1 => 0.58.1 
    npmGlobalPackages:
      react-native-cli: 2.0.1

1 Ответ

1 голос
/ 17 июня 2020

Вам вообще не нужно использовать onContentSizeChange. Высота должна автоматически увеличиваться по мере ввода, при условии, что вы не зафиксировали высоту для ввода или ограничили ее фиксированной высотой компонентов вокруг него.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...