0

我开始学习 Grommet（React 的 UX 框架）。按照他们的教程，我在http://grommet.io/docs/hello-world上玩了 CodePen ( https://codepen.io/pen?template=gaEGPY&editors=0010 )。

我想做一个有侧边栏的网站，所以我决定使用拆分组件。为了尝试一下，我<App></App>像这样替换了代码（他们在示例中给出的代码）：

<App>
  <Split>
    <Box colorIndex='neutral-1'
      justify='center'
      align='center'
      pad='medium'>
      Left Side
    </Box>
    <Box colorIndex='neutral-2'
      justify='center'
      align='center'
      pad='medium'>
      Right Side
    </Box>
  </Split>
</App>

当我这样做时，盒子的边缘不会到达屏幕的边缘。它总是在盒子的末端和屏幕的侧面之间留下一些空间。

本质上，我希望蓝色部分占据整个屏幕的左半部分（延伸到屏幕的末端），而不仅仅是停在某个任意位置（在示例中它没有这样做）。我如何在 Grommet 中执行此操作？

4

1 回答 1

0

如果你去掉 App 组件，你应该能够达到你想要的结果。它似乎内置了填充。

于 2018-10-09T02:27:48.347 回答