相关平台
微信小程序
小程序基础库: 2.30.1
使用框架: React
复现步骤
ios: 16.4
微信小程序
CustomWrapper包裹Input
input style:
display: flex;
flex: 1;
position: relative;
z-index: 200;
期望结果
UI正常展示
实际结果
看起来像是Input宽度都没有了
环境信息
👽 Taro v3.5.6
Taro CLI 3.5.6 environment info:
System:
OS: macOS 12.0.1
Shell: 5.8 - /bin/zsh
Binaries:
Node: 16.17.0 - /usr/local/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 8.15.0 - /usr/local/bin/npm
npmPackages:
@tarojs/cli: 3.5.6 => 3.5.6
@tarojs/components: 3.5.6 => 3.5.6
@tarojs/mini-runner: 3.5.6 => 3.5.6
@tarojs/plugin-framework-react: 3.5.6 => 3.5.6
@tarojs/plugin-platform-alipay: 3.5.6 => 3.5.6
@tarojs/plugin-platform-jd: 3.5.6 => 3.5.6
@tarojs/plugin-platform-qq: 3.5.6 => 3.5.6
@tarojs/plugin-platform-swan: 3.5.6 => 3.5.6
@tarojs/plugin-platform-tt: 3.5.6 => 3.5.6
@tarojs/plugin-platform-weapp: 3.5.6 => 3.5.6
@tarojs/react: 3.5.6 => 3.5.6
@tarojs/runtime: 3.5.6 => 3.5.6
@tarojs/shared: 3.5.6 => 3.5.6
@tarojs/taro: 3.5.6 => 3.5.6
@tarojs/webpack5-runner: ^3.5.6 => 3.5.6
babel-preset-taro: 3.5.6 => 3.5.6
eslint-config-taro: 3.5.6 => 3.5.6
react: ^18.0.0 => 18.2.0
taro-ui: ^3.1.0-beta.4 => 3.1.0-beta.4
3条答案
按热度按时间jw5wzhpr1#
必须是ios 16.4
nzk0hqpo2#
CustomWrapper 是一个小程序的自定义组件,用于缩短 setData 路径、让渲染层在更新时只 diff 该自定义组件内部的节点而不是页面级别的 diff。可以试试原生 Demo 给 Input 套个自定义组件看看有没问题,区分一下是小程序还是 Taro 的问题。
就是这样一个自定义组件:
r1zk6ea13#
发现最后给input定宽或者去除customWrapper可以解决问题.但因为项目问题并没有深究.