Taro RN模板开发，页面根元素无法获取宽高

[WhiteSean]

相关平台

React Native

使用框架: React

复现步骤

随便写一个demo页，根元素width:100%,height:100%，然后模拟器运行，审查元素，找到根元素，查看元素无法获取到屏幕的宽高.
另外一个问题，审查元素根元素的名字是怎么来的，似乎是文件的名字，不是根元素的class名字

期望结果

正确获取宽高

实际结果

宽高为0

环境信息

👽 Taro v3.3.19


  Taro CLI 3.3.19 environment info:
    System:
      OS: macOS 10.15.6
      Shell: 5.7.1 - /bin/zsh
    Binaries:
      Node: 12.18.3 - /usr/local/bin/node
      Yarn: 1.22.10 - /usr/local/bin/yarn
      npm: 7.15.1 - /usr/local/bin/npm
    npmPackages:
      @tarojs/cli: 3.3.19 => 3.3.19 
      @tarojs/components: 3.3.19 => 3.3.19 
      @tarojs/mini-runner: 3.3.19 => 3.3.19 
      @tarojs/react: 3.3.19 => 3.3.19 
      @tarojs/runtime: 3.3.19 => 3.3.19 
      @tarojs/taro: 3.3.19 => 3.3.19 
      @tarojs/webpack-runner: 3.3.19 => 3.3.19 
      babel-preset-taro: 3.3.19 => 3.3.19 
      eslint-config-taro: 3.3.19 => 3.3.19 
      react: ^17.0.2 => 17.0.2 
      react-native: ^0.66.0 => 0.66.4 
    npmGlobalPackages:
      typescript: 4.1.3

---

补充信息

[github-actions]

等待热心的小伙伴解决问题中..., 有一些相关的 issues 可能帮助到你!

• Taro 3.x Input 组件 在安卓真机中使用手写模式输入内容时，输入第偶数个字时，未触发input事件，无法正常获取输入内容
• 小程序插件页面无法使用Taro专有 Hooks
• Taro 3 版本 Map组件无法触发onClick或onTap事件。

Thank you so much!

[zhiqingchen]

获取后的用途是？

[WhiteSean]

获取后的用途是？

在页面根元素的下一级使用绝对定位，并且此级元素需要宽高都为100%，此时因为根元素宽高100% 获取不到，所以此级元素宽高就为0

[shinken008]

试试 layout？https://reactnative.dev/docs/layoutevent