我为你的问题做了一个世博小吃并检查了它。我想我解决了。看一看：

这是世博小吃的链接

描述一下：

正如我发现的那样，您的问题是ScrollView在任何情况下都不会改变高度，即使给予更多height或给予paddingBottom.

所以我把它包裹ScrollView在一个View标签中，并给它这个样式：

scrollViewWrapper: {
     width: '100%',
     minHeight: '100%',
     paddingBottom: 1.3*keyboardHeight
 }

在此样式中，您会看到 parameter keyboardHeight，这是state我在componentDidMount以下代码中设置的：

import {Keyboard} from 'react-native';
 
state = {
  keyboardHeight: 0,
}

componentDidMount() {
this.keyboardDidShowListener = Keyboard.addListener(
  'keyboardDidShow',
  this._keyboardDidShow
);
this.keyboardDidHideListener = Keyboard.addListener(
  'keyboardDidHide',
  this._keyboardDidHide
 );
}
_keyboardDidShow = (e) => {
  this.setState({
    keyboardHeight: e.endCoordinates.height,
  });
};

不得不提的是，你不能将paddingBottom: 1.3*keyboardHeight类组件外部的样式移动到styles对象中，因为它keyboardHeight是 a state，它可以在组件内部知道。

我建议你看看我在 expo小吃中的代码，以更好地理解我的描述。

我希望这能解决你的问题。

编辑功能组件

使用以下代码在编写功能组件时检测键盘高度：

const [keyboardHeight, setKeyboardHeight] = useState(0)
const [scrollViewVisibility, setScrollViewVisibility] = useState(false)
useEffect(() => {
  Keyboard.addListener("keyboardDidShow", _keyboardDidShow);

  // cleanup function
  return () => {
    Keyboard.removeListener("keyboardDidShow", _keyboardDidShow);
  };
}, []);
const _keyboardDidShow = (e) => {
  console.log("============in keyboardDidShow")
  setKeyboardHeight(e.endCoordinates.height)
};

我也编辑了世博小吃。您可以查看它以查看工作示例。

我认为如果你的 ScrollView 内容比屏幕小，它就不会滚动。所以你可以尝试制作 height: "150%" 或类似的东西，或者添加一个带有高度的空视图来拉伸你的 ScrollView 高于你的屏幕。

将 ScrollView 包装在具有高度 > 屏幕的视图中也将起作用。

我认为您可以通过以下提示来解决此问题：1）调整 ScrollView 标签位置很可能它会直接在 <></> 内高于您的条件或添加视图标签，在 ScrollView 标签上方，例如

<><View style={{ Height: "auto", maxHeight: screenHeight}}><ScrollView>....</ScrollView></view></>

2)通过调整height、maxHeight属性和flex属性

如果它对你有用，请告诉我

我能想到三种解决方案（你可以尝试任何一种）：

1-尝试将滚动视图包装在带有 flex=1 的视图标记中，如下所示：

<View style={{ flex:1 }}>
<ScrollView>
</ScrollView>
</View>

2-如果您不想使用视图，可以将 ScrollView flex 设置为 1

3-in 第一个解决方案，您可以使用空标签代替 View，如下所示：

<> 
</>

如果您的问题只是键盘打开，那么您可能需要查看KeyboardAvoidingView

我在这方面遇到了很多问题！您想尝试 prop 的所有设置behavior。可能有一种适合您！

从他们的例子：

import React from 'react';
import { View, KeyboardAvoidingView, TextInput, StyleSheet, Text, Platform, 
TouchableWithoutFeedback, Button, Keyboard  } from 'react-native';

const KeyboardAvoidingComponent = () => {
   return (
     <KeyboardAvoidingView
       behavior={Platform.OS == "ios" ? "padding" : "height"}
       style={styles.container}
     >
       <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
         <View style={styles.inner}>
           <Text style={styles.header}>Header</Text>
           <TextInput placeholder="Username" style={styles.textInput} />
           <View style={styles.btnContainer}>
             <Button title="Submit" onPress={() => null} />
           </View>
         </View>
       </TouchableWithoutFeedback>
     </KeyboardAvoidingView>
   );
 };

 const styles = StyleSheet.create({
   container: {
     flex: 1
   },
   inner: {
     padding: 24,
     flex: 1,
     justifyContent: "space-around"
   },
   header: {
     fontSize: 36,
     marginBottom: 48
   },
   textInput: {
     height: 40,
     borderColor: "#000000",
     borderBottomWidth: 1,
     marginBottom: 36
   },
   btnContainer: {
     backgroundColor: "white",
     marginTop: 12
   }
 });

 export default KeyboardAvoidingComponent;