使用react,导航栏定位在界面底部后宽度减少了一半有多的问题

react使用ant design mobile里的TabBar组件标签,当不对导航栏加入定位在界面底部的代码时如下图:

img


当对导航栏加入定位在界面底部的代码后入下图:

img


请问为何会出现这种情况?请问如何才能让导航栏在不改变大小的情况下定位在界面底部?

你给TabBar设置个样式width:100%就行了