【问题标题】:ToolTip in react native反应原生的工具提示
【发布时间】:2021-06-06 16:17:36
【问题描述】:

我在 react-native 中实现动态工具提示时遇到问题。

我想实现工具提示,我必须在其中显示来自后端的动态数据。我曾尝试实现 react-native-elements ToolTip、react-native-walkthrough-tooltip 库。但是用他们的道具我无法达到同样的效果..

我尝试在 flex 的帮助下设置 Tooltip 容器视图,并为内部容器视图提供高度宽度。

谁能帮助我如何使用动态数据实现一致的高度和宽度。我应该在工具提示道具中给出高度和宽度样式还是应该使用 containerStyle 道具或者我应该只给内部视图提供高度宽度??

以上三点我都试过了,还是不行……!!

【问题讨论】:

  • 请添加最少的代码或 Snack 链接以重现错误/问题。
  • 。这是样式:- toolTipContainer: { color: config.colors.white, },
  • 我给出的这个样式,尝试只给出宽度,高度和宽度。但没有运气

标签: javascript css react-native


【解决方案1】:

看起来 React Native Elements ToolTip 不支持动态高度和宽度。该组件专为您手动指定尺寸而设计。您可能可以通过执行 height={null} width={null} 之类的操作来绕过 Height/Width 道具。

如果这不起作用并且这将在您的应用程序中出现很多,那么我建议您构建自己的 ToolTip 组件。这样,您无需指定高度和宽度,只需添加填充并让它根据内容更改大小。

【讨论】:

  • 我会尝试上述解决方案。谢谢@Austin
猜你喜欢
  • 2020-03-08
  • 1970-01-01
  • 2021-03-16
  • 1970-01-01
  • 2019-08-22
  • 2019-12-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多