NativeScript 中 CSS 的 flex 布局为什么在 Android 上不生效？

宇文艳清提问于 2026-03-09 22:33:18 阅读 4

移动

我在 NativeScript 里用 CSS 写了个简单的 flex 布局，iOS 上显示正常，但在 Android 上完全没按预期排列，子元素堆在一起了。是不是 Android 对 flex 支持有问题？还是我写法不对？

这是我的样式代码：

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20;
}

我来解答赞 1 收藏

反馈

1 条解答

Mr.莉娟 Lv1

Android上得加个flex-wrap: nowrap才行，NativeScript这坑踩过。试试这样改：

.container {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-items: center;

  flex-wrap: nowrap;

  width: 100%;

  padding: 20;

}

妈的又是平台差异，老子当年也在这栽过跟头。

2026-03-09 23:00