开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么在iOS上Dimensions.get('window').height返回0？

在iOS上，当使用Dimensions.get('window').height获取窗口高度时返回0的原因可能有以下几种：

未正确引入Dimensions模块：在使用Dimensions模块之前，需要先引入该模块。可以通过以下方式引入：
未正确引入Dimensions模块：在使用Dimensions模块之前，需要先引入该模块。可以通过以下方式引入：
组件渲染时机：在组件渲染时，Dimensions.get('window').height可能会返回0。这是因为在组件初始化阶段，Dimensions模块可能还未完成初始化，导致获取到的窗口高度为0。为了避免这个问题，可以在组件渲染完成后再获取窗口高度。
异步获取窗口高度：在某些情况下，Dimensions.get('window').height的返回值可能需要在异步操作中获取。例如，在组件加载完成后，窗口高度可能会发生变化，需要监听窗口尺寸变化事件，并在事件回调中获取最新的窗口高度。
iOS布局问题：在某些情况下，iOS的布局机制可能导致Dimensions.get('window').height返回0。这可能与组件的布局方式、约束条件或其他因素有关。可以尝试使用其他方法获取窗口高度，如使用LayoutAnimation.measure或使用flex布局等。

综上所述，如果在iOS上Dimensions.get('window').height返回0，可以检查是否正确引入Dimensions模块，确保在组件渲染完成后获取窗口高度，考虑是否需要异步获取窗口高度，以及检查iOS布局是否存在问题。如果问题仍然存在，可以进一步调查具体原因或尝试其他方法获取窗口高度。

腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网平台（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse

相关搜索:getChildCount()在ListView上返回0 getTotalLength()在路径上返回0 iOS Safari在window.location.href = ...上暂停动画？iOS上Window.screenshot返回黑屏 Javascript在IOS上返回NAN window.clipboardData.getData("Text")在IE8中返回0 window.pageYOffset总是返回0。(但仅在windows计算机上返回正确的数字，在Mac上)为什么Android O上的getTrackCount()，MediaExtractor会返回0？为什么iOS上的glCreateShader返回0？为什么strcmp()在输入相等时返回0？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

在PHP中为什么in_array(0, )返回true

在PHP中，数据会自动转换类型后再进行比较。...'c']) // 返回int(0)，也就是第一个值的下标 0 == 'abc' // 返回bool(true)，也就相当于相等这两个表达式都返回true。...直观上看，0没有在数组['a', 'b', 'c']中，也不会等于abc这个字符串。那怎么会返回true呢？ 1 类型转换原因就在于，在比较前，PHP做了类型转换。...// 返回false 0 === 'abc' // 返回false 强制做类型比较，这样就能拿到精确的结果。...'a' array_search('a', [true, 'b', 'c']) // 返回int(0)，相当于找到了字符'a' 这是为什么呢？

2.7K3 0

react native仿微信PopupWindow效果

这种控件在原生开发中Android可以用PopupWindow实现，在ios中可以用CMPopTipView,也可以自己写一个View实现。其类似的效果如下图所示： ?...('window').height const deviceW = Dimensions.get('window').width const basePx = 375 export default.../home/QRScanPage"; const { width, height } = Dimensions.get('window'); import px2dp from '...../util/Utils' const mTop = px2dp(Platform.OS == "ios" ?.../util/Utils' const isIOS = Platform.OS == "ios" const {width, height} = Dimensions.get('window') const

2.5K7 0

reactNative跨平台app开发经验分享-跨平台开发兼容

给自己也分享给同样从事这行的各位新入行朋友做个爬坑指南首先 reactNative我在这里简称RN RN是可以做跨平台开发的这就导致了一个问题 RN的组件，在Android和ios上有些会有所不同...RN的样式编辑，在Android和ios上有些也会有所不同这就涉及到了平台兼容比较常见的兼容问题有：大小，宽高，字体，不同手机系统的独占组件等等如何解决这些问题我是这样做的：...('window').width; //设备的宽度 export const deviceHeight = Dimensions.get('window').height; //设备的高度...改变字体需要在node_modules里引入字体库并进行关联设置，不然开发ios app的时候使用自定义字体时会报错，具体设置百度上都有 // 简单的方法是：如果Android实在需要自定义字体，可以使用系统监控...null : }

2.5K2 0

RN实现头部NavBar

} = Dimensions.get('window'); export default class GDNavBar extends Component { static propTypes...: Platform.OS === 'ios' ?...borderBottomWidth: 0.5, borderBottomColor: 'gray', paddingTop: Platform.OS === 'ios...15 : 0, }, }); （2）调用 import React, {Component} from 'react'; import { AppRegistry, StyleSheet.../main/GDHotCell'; const {width, height} = Dimensions.get('window'); export default class GDHalfHourHot

1.8K7 0

React Native 自定义控件专题

今天给大家带来的自定义小专题，其实对于React Native来说，自定义组件的过程更像是Android、iOS的组合控件。...，RN为我们提供了ToastAndroid组件，但是对于iOS好像并没有直接提供，这时候我们就想到了自定义控件了。..., width} = Dimensions.get('window'); const OPACITY=0.6; const dismissKeyboard = require('dismissKeyboard...获取验证码在很多应用开发中都会涉及到获取手机验证码的场景，例如登录或者注册获取验证码。如下图： ? ?.../TimerButton' var Dimensions = require('Dimensions'); var screenWidth = Dimensions.get('window').width

3K6 0

在 RN 中构建自适应 UI

下面是一个例子: import { StyleSheet, Dimensions } from "react-native"; const windowWidth = Dimensions.get("...window").width; const windowHeight = Dimensions.get("window").height; const styles = StyleSheet.create..."70%" : "90%", height: windowHeight > 600 ?...25 : 0, }, text: { ...Platform.select({ ios: { color: "purple", fontSize: 24 }, android...IOS 和 Android 设备中字体颜色和字号都会设置为不同的样式：特定平台的文件扩展名对于更复杂的特定于平台的场景，可以将代码拆分为扩展名为 .ios 和 .android 的单独文件。

3293 0

React-Native开发笔记持续更新

('window').height; const deviceW = Dimensions.get('window').width; const basePx = 375; export default...* deviceW / basePx; } 2、RN中的Image标签是无法响应click/press事件的，需要的话在外面套一个TouchableOpacity吧 3、header部分标题居中 ios...下默认标题居中，但是android下由于整体风格和ios不一样，所以如果需要居中就要自己动手了。...最终解决方案就是在header中添加一个text组件代替原有的title属性。然后对text标签设置居中。...height=48&width=48'}} style={{width: 21, height: 21, marginLeft: 5}}/> , headerTintColor

9284 0

ReactNative 常见问题及处理办法（加固混淆）

从 ScrollView 在 TouchableOpacity 组件内滑动困难到 Xcode 编译路径设置，都有相应解决方案。...RN中获取高度的技巧获取屏幕高度和窗口高度的不同方法： // 屏幕高度（状态栏+安全区+下方虚拟按键操作区） Dimensions.get('screen').height // 窗口高度（状态栏+...安全区） Dimensions.get('window').height RN强制横屏UI适配问题横屏下获取的宽、高不同于竖屏状态下的尺寸。...文件第一项，填写我们需要重签名的 ipa 路径（当前导入的路径跟导出的路径）设置签名使用的证书和描述文件测试配置阶段使用开发测试证书，方便安装到手机测试混淆后ipa是否工作正常，测试ok，最后准备上架的时候再改成发布证书和发布描述文件...你在实际项目中遇到了类似的问题吗？

2191 0

React Native 自定义控件之验证码和Toast

今天给大家带来的自定义小专题，其实对于React Native来说，自定义组件的过程更像是Android、iOS的组合控件。...，RN为我们提供了ToastAndroid组件，但是对于iOS好像并没有直接提供，这时候我们就想到了自定义控件了。..., width} = Dimensions.get('window'); const OPACITY=0.6; const dismissKeyboard = require('dismissKeyboard...获取验证码在很多应用开发中都会涉及到获取手机验证码的场景，例如登录或者注册获取验证码。如下图： ? ?.../TimerButton' var Dimensions = require('Dimensions'); var screenWidth = Dimensions.get('window').width

3.8K5 0

react-native城市列表组件

} = Dimensions.get('window'); var that; const key_now = '当前'; const key_last_visit = '最近'; const key_hot...: Dimensions.get('window').height, marginBottom: 10 }, contentContainer: { flexDirection...: height, top: 0, bottom: 0, right: 10, backgroundColor: 'transparent...: 20 } }); 然后在头部还需要实现一个搜索框。...0 : 0, flex: 1, height: Platform.OS === 'ios' ?

2.9K10 0

React native城市列表组件

} = Dimensions.get('window'); var that; const key_now = '当前'; const key_last_visit = '最近'; const key_hot...: Dimensions.get('window').height, marginBottom: 10 }, contentContainer: { flexDirection...: height, top: 0, bottom: 0, right: 10, backgroundColor: 'transparent...: 20 } }); 然后在头部还需要实现一个搜索框。...0 : 0, flex: 1, height: Platform.OS === 'ios' ?

2.3K8 0

ReactNative-ListView

这只是一个简单的listView的小demo 初始化项目之后，index.ios.js代码如下 /** * Sample React Native App * https://github.com/.../test/TestCell' const Dimensions = require('Dimensions'); const {width, height, scale} = Dimensions.get...('window'); export default class DemoApp extends Component { constructor(props){ super(...DeviceEventEmitter } from 'react-native'; var Dimensions = require('Dimensions'); var {width, height...} = Dimensions.get('window'); class TestCell extends Component{ // 构造 constructor(props){

8443 0

React Native自定义弹出警告框

React Native开发中，为了和ios效果保持一致，有些控件需要自己定义，如在警告弹框中，React Native本来已经提供了Alert控件，但是其效果在Android上是非常的丑陋的，所以为了满足产品同学的需要...Text, View, Modal, TouchableOpacity, Dimensions } from 'react-native'; let {width, height...} = Dimensions.get("window"); export

1.8K3 0

React Native仿美团下拉菜单

在很多产品中都会涉及到下拉菜单选择功能，用的最好的当属美团了，其效果如下：要实现上面的效果，在原生中比较好做，直接使用PopWindow组件即可。.../util/Utils' const isIOS = Platform.OS == "ios" const {width, height} = Dimensions.get('window') const...} = Dimensions.get('window'); const T_WIDTH = 7; const T_HEIGHT = 4; const COLOR_HIGH = '#00bea9';...0) .lineTo(T_WIDTH, 0) .lineTo(T_WIDTH / 2, T_HEIGHT)...} = Dimensions.get('window'); import FoodActionBar from ".

5.1K5 0

RN手势

但当触摸发生需要给用户视觉上的反馈时，有这个变量可以很容易实现反馈。上一次触摸点的横、纵坐标变量。可以不定义，但这两个变量可以便于分析、处理触摸事件。...vx—当前的横向移动速度 vy—当前的纵向移动速度 numberActiveTouches—当前在屏幕上的有效触摸点的数量。...var Dimensions = require('Dimensions'); var totalWidth = Dimensions.get('window').width; //宽度设置样式 const...虽然我们看到的是简写的方法，但是实际上，系统按下的方法会给我们自定义的这个方法传入两个参数，一个是事件，而另外一个是手指触摸的位置。在开始的时候，我们要将开始偏移的位置给记录下来。...下面是源码index.ios.js import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text

2.5K12 0

React Native学习笔记（三）—— 样式、布局与核心组件

:Dimensions.get("window").height, width:Dimensions.get("window").width, backgroundColor...steelblue'}} /> ); } 4、设备宽高用法：获取设备宽度：Dimensions.get('window').width 获取设备高度：Dimensions.get...ios_backgroundColor='x' 在iOS上，自定义背景颜色。当开关值为false或开关被禁用时(开关是半透明的)，可以看到这个背景颜色。...testID 用来在端到端测试中定位此视图。 thumbColor='x' 开关上圆形按钮的背景颜色。在 iOS 上设置此颜色会丢失按钮的投影。...:200, width:Dimensions.get('window').width, }, tinyLogo: { width: 50, height: 50, }

13.5K3 1

React Native FlexBox布局(二) 应用篇

StyleSheet, Text, View, } from 'react-native'; const Dimensions = require('Dimensions'); const {width, height..., scale} = Dimensions.get('window'); class RNHybrid extends Component { render() { return(...center',flex:1}}> 当前的屏幕的宽度是: {width + '\n'} 当前的屏幕的高度是: {height..., scale} = Dimensions.get('window'); class RNHybrid extends Component { render() { return(...:100, left:200, top:0, }, }); AppRegistry.registerComponent('RNHybrid', () => RNHybrid

6551 0

react native简单入门

clip ：文本的末尾显示不下的内容会被截断，并且不添加省略号，clip只适用于iOS平台。...numberOfLines 限制最多显示的行数 onPress TextInput 输入框组件 value onChangeText underlineColorAndroid="transparent" TextInput在安卓上默认有一个底边框...如果要想使其看起来和iOS上尽量一致，则需要设置padding: 0，同时设置underlineColorAndroid="transparent"来去掉底边框 placeholder placeholderTextColor..._list.scrollToOffset({x: 0, y: 0}) Alert StyleSheet 样式定义StyleSheet.create Dimensions 获取屏幕尺寸 Dimensions.get...('window').height Dimensions.get('window').width 布局 flex布局 Flex 布局教程：语法篇绝对定位 flex布局一般都是对内容组件进行操作。

3.5K1 0

React Native组件只Image

不管在Android还是在ios原生的开发中，图片都是作为控件给出来的，在RN中也有这么一个控件（Image）。根据官网的资料，图片分为本地静态图片，网络图片和混合app资源。一下分类介绍来源官网。... 网络图片在原生开发中，我们往往会去加载服务器的图片，在Rn也是支持的...@param {string} tag 在安卓上，本参数是一个本地URI，例如"file:///sdcard/img.png"....在iOS设备上可能是以下之一：本地URI 资源库的标签非以上两种类型，表示图片数据将会存储在内存中（并且在本进程持续的时候一直会占用内存）。返回一个Promise，操作成功时返回新的URI。.../productData.json'); var Dimensions = require('Dimensions'); var screenW = Dimensions.get('window').width

1.7K7 0

React Native之Picker组件详解

Picker简介在iOS和Android中选择器（Picker）是常见的控件之一，比如TimePickr（Android），pickerView（ios），并且这些基本控件可以实现诸如地址选择等效果。...在RN开发中，系统也为我们提供Picker控件。...mode（Android特有）在Android上，可以指定在用户点击选择器时，以怎样的形式呈现选项： dialog（对话框形式）: 显示一个模态对话框。默认选项。...在Android的对话框模式中用作对话框的标题。 itemStyle（ios特有）指定应用在每项标签上的样式。完整实例基于上面的属性讲解，我们很容易实现一个Picker的效果。 ?...} = Dimensions.get('window'); const navigatorH = 64; // navigator height const [aWidth, aHeight]

4.7K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭