关于使用vant-icon 在 flex 下的布局使用

[agoni1212]

想要的效果，使用如下代码，能正常实现，两个view各占一半
<view style="display:flex; width:100px; height:30px;line-height:30px; flex-direction: row; text-align: center;">
<view style="flex:1;">A</view>
<view style="flex:1;">B</view>
</view>

但当子节点为icon的时候，两个子节点，无法达到预期效果

<view style="display:flex; width:100px; height:30px;line-height:30px; flex-direction: row; text-align: center;">
<van-icon size="16px" name="arrow" custom-style="flex:1" />
<van-icon size="16px" name="arrow-left" custom-style="flex:1" />
</view>

这时的两个子节点，只是按顺序排列了，并未各占50%
请问如何调整，能达到第一个的效果，谢谢