键盘避免、ScrollView和多行TextInput的组合会隐藏部分ScrollView

import React from 'react';
import { KeyboardAvoidingView, ScrollView, TextInput } from 'react-native';

export default function App() {
  return (
    <KeyboardAvoidingView
      style={{ flex: 1 }}
      behavior="padding"
    >
      <ScrollView>
        {/* ScrollView中的其他内容 */}
        <TextInput
          multiline
          placeholder="请输入内容"
        />
      </ScrollView>
    </KeyboardAvoidingView>
  );
}

import React, { useRef } from 'react';
import { KeyboardAvoidingView, ScrollView, TextInput } from 'react-native';

export default function App() {
  const scrollViewRef = useRef(null);

  const handleInputFocus = () => {
    scrollViewRef.current.scrollToEnd({ animated: true });
  };

  return (
    <KeyboardAvoidingView
      style={{ flex: 1 }}
      behavior="padding"
    >
      <ScrollView ref={scrollViewRef}>
        {/* ScrollView中的其他内容 */}
        <TextInput
          multiline
          placeholder="请输入内容"
          onFocus={handleInputFocus}
        />
      </ScrollView>
    </KeyboardAvoidingView>
  );
}