React native 显示键盘时隐藏底部图像视图

我怎样才能隐藏这张照片。。。 谢谢你的帮助

您可以使用ReactNative来监听键盘的更改，并在键盘可见时隐藏图像

检查下面的示例代码

import * as React from "react";
import { View, Keyboard, TextInput, Image } from "react-native";

export default class App extends React.Component {
  state = {
    isKeyboadVisible: false,
    text: ""
  };

  componentDidMount() {
    this.keyboardDidShowListener = Keyboard.addListener(
      "keyboardDidShow",
      this._keyboardDidShow
    );
    this.keyboardDidHideListener = Keyboard.addListener(
      "keyboardDidHide",
      this._keyboardDidHide
    );
  }

  componentWillUnmount() {
    this.keyboardDidShowListener.remove();
    this.keyboardDidHideListener.remove();
  }

  _keyboardDidShow = () => {
    this.setState({
      isKeyboadVisible: true
    });
  };

  _keyboardDidHide = () => {
    this.setState({
      isKeyboadVisible: false
    });
  };

  render() {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <TextInput
          style={{
            height: 40,
            width: "80%",
            borderColor: "red",
            borderWidth: 1,
            marginBottom: 10
          }}
          onChangeText={text => this.setState({ text })}
          value={this.state.text}
        />
        {!this.state.isKeyboadVisible && (
          <Image
            style={{ width: 100, height: 100 }}
            source={{ uri: "https://reactnative.dev/img/tiny_logo.png" }}
          />
        )}
      </View>
    );
  }
}

import*as React from“React”；
从“react native”导入{视图、键盘、文本输入、图像}；
导出默认类App扩展React.Component{
状态={
isKeyboadVisible:false，
案文：“”
};
componentDidMount（）{
this.keyboardDidShowListener=Keyboard.addListener(
“键盘表演”，
这是我的键盘秀
);
this.keyboardDidHideListener=Keyboard.addListener(
“键盘隐藏”，
这是我的键盘
);
}
组件将卸载（）{
this.keyboardDidShowListener.remove（）；
this.keyboardidHidelistener.remove（）；
}
_键盘显示=（）=>{
这是我的国家({
isKeyboadVisible:正确
});
};
_键盘隐藏=（）=>{
这是我的国家({
isKeyboadVisible:false
});
};
render（）{
返回(
this.setState（{text}）}
值={this.state.text}
/>
{！this.state.isKeyboadVisible&&(
)}
);
}
}

根据您的要求更改上述代码

---

希望这对你有帮助。不要怀疑。

您需要使用ScrollView包装您的视图。所以，当你们点击输入组件时，键盘会和你们的图片重叠。

另一个解决方案是尝试使用键盘来避免查看