在子导航中设置第一项/最后一项的样式

Question

我正在为ShoutEm应用程序编写主题，并且具有一个设置为列表的主导航。我希望每个项目之间都有分隔线，但不要在顶部或底部。如果使用@ shoutem / theme或@ shoutem / ui系统可以实现，我找不到很好的文档。无需修改默认扩展名就能做到吗？

理想情况下，我想在主题中使用类似CSS样式的内容：

'shoutem.navigation.List': {
  ':first-child': {
    item: {
      borderBottomWidth: 2,
    },
  },
},

更新： 我发现我可以通过设置顶部和底部边框，然后设置等于边框大小的负底边距来解决此问题。这使兄弟项目的顶部和底部边界重叠。这似乎并不理想，但是却能提供我想要的结果。

'shoutem.navigation.List': {
  item: {
    borderTopWidth: 2,
    borderBottomWidth: 2,
    marginBottom: -2,
  },
},