如何在本机反应中使全屏图像横向定向?

时间:2018-10-19 08:45:16

标签: reactjs react-native

我对如何使全屏图像横向定向很有趣,但是没有高度:100%,所以宽度将是100%,但是高度是多少,因为在反应本机高度时:不起作用=

2 个答案:

答案 0 :(得分:0)

尝试这样

 <View style={{ flexDirection: 'row',}}>
      <Image
        style={{
        flex: 1,
        width: null,
        height: '100%',
        overflow: 'hidden',
     }}
     resizeMode='contain'
     source={{ uri: 'image path' }}
   />

答案 1 :(得分:0)

  1. 首先,安装名为@react-native-community/hooks ( npm i @react-native-community/hooks ) 的包
  2. 然后从上面的包中导入 useDimentions 和 useDeviceOrientation。 示例:从“@react-native-community/hooks”导入 {useDimentions,useDeviceOrientation } 像这样解构它们: const {横向,纵向} = useDeviceOrientation(); const { 屏幕,窗口 } = useDimensions(); 风景,肖像是布尔值 屏幕,窗口是具有高度,宽度等的对象(只需通过console.log检查)
  3. 然后使用 screen.height 或 window.height 来获取设备的高度