【问题标题】:React-Native alignItems: "flex-end" does not work inside an <Image> tagReact-Native alignItems:“flex-end”在 <Image> 标签内不起作用
【发布时间】:2017-02-25 14:34:11
【问题描述】:

我有一个包含在 Image 中的 TouchableOpacity,我用它来为我的应用程序呈现背景。

问题是当我尝试将 TouchableOpacity 与 center 或 flex-end 对齐时,它在 Image 标签内不起作用。 TouchableOpacity 就消失了……

问题演示:

在这里我尝试使用视图而不是图像它可以工作...

【问题讨论】:

  • 你试过alignSelf:'flex-end'吗?
  • 您是否阅读或查看过问题和图片?还是下面的答案?
  • 我是说您需要将此属性添加到放置在 标记内的View 中,或者您应该将图像标记放在视图中并提供 alignItems:'center'
  • 是的。我确实添加了这个,但是,对于图像标签,我们需要将宽度和高度设置为空或未定义。否则 flex-end 根本不起作用。请参考我下面的回答。在我看来,您只是没有阅读问题,也没有查看图片或答案。

标签: android user-interface reactjs react-native native


【解决方案1】:

我意识到了这个问题。

必须设置:

width: null,
height: null,

到图片标签。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-08-20
    • 2018-09-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-19
    • 2018-05-06
    • 2016-05-31
    相关资源
    最近更新 更多