Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] 使用Form组件设置layout="vertical"表单内容部分会失去高度,导致内容被遮挡 #1399

Open
1 task done
NickFox-html opened this issue Nov 28, 2024 · 2 comments
Labels

Comments

@NickFox-html
Copy link

💬 前提强调

  • I have searched the issues of this repository and believe that this is not a duplicate.

🙋 描述详情/重现步骤

我在expo中使用Form组件时设置layout="vertical"属性时,表单内容部分被遮挡。
image
b0b76730a72a1a25bb0327346da470ee
以下为我使用官网demo运行的效果,问题描述部分表单内容也会被遮挡,官网demo
fd75a6cc1ef1fd66464ea33ffc122375

🔴 版本

10.7.0

💻 运行环境

Android, Expo

⚫️ npx react-native info输出信息

warn Package @ant-design/icons-react-native contains invalid configuration: "dependency.assets" is not allowed. Please verify it's properly linked using "npx react-native config" command and contact the package maintainers about this.
info Fetching system and libraries information...
System:
OS: Windows 11 10.0.22631
CPU: (12) x64 12th Gen Intel(R) Core(TM) i5-12400F
Memory: 3.68 GB / 15.82 GB
Binaries:
Node:
version: 20.14.0
path: E:\nodejs\node.EXE
Yarn:
version: 1.22.22
path: E:\nodejs\yarn.CMD
npm:
version: 10.7.0
path: E:\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK: Not Found
Windows SDK: Not Found
IDEs:
Android Studio: Not Found
Visual Studio: Not Found
Languages:
Java: 17.0.12
Ruby: Not Found
npmPackages:
"@react-native-community/cli":
installed: 15.1.2
wanted: ^15.1.2
react:
installed: 18.3.1
wanted: 18.3.1
react-native:
installed: 0.76.3
wanted: 0.76.3
react-native-windows: Not Found
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: Not found
newArchEnabled: Not found

补充说明

我的版本为5.3.1https://rn.mobile.ant.design/index-cn

@NickFox-html
Copy link
Author

当我给Form.Item设置样式style={{height: 100}},并且给Input设置height:'auto'后样式正常。有更好的解决方案嘛?🤨

@just-myself
Copy link

水平场景,如果增加了校验,会导致内容模块向上偏移,导致与左边label无法对齐
源代码中显示,children 与errorList 是一个整体

这个问题怎么解决
让label 与children对齐
errorList 独立一行展示

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants