taro 请问CustomWrapper的原理是什么 Input在CustomWrapper情况下被点击后样式会丢失. (IOS: 16.4)

vmpqdwk3  于 4个月前  发布在  iOS
关注(0)|答案(3)|浏览(59)

相关平台

微信小程序

小程序基础库: 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
nzk0hqpo

nzk0hqpo2#

CustomWrapper 是一个小程序的自定义组件,用于缩短 setData 路径、让渲染层在更新时只 diff 该自定义组件内部的节点而不是页面级别的 diff。可以试试原生 Demo 给 Input 套个自定义组件看看有没问题,区分一下是小程序还是 Taro 的问题。

就是这样一个自定义组件:

r1zk6ea1

r1zk6ea13#

发现最后给input定宽或者去除customWrapper可以解决问题.但因为项目问题并没有深究.

相关问题