NativeBase-2-1-0按钮之间没有间距

Posted by AlstonWilliams on February 17, 2019

原效果图:

现效果图:

这个版本的NativeBase中,默认不会给按钮添加外边距.所以效果就如第一张图片所示.那么我们如何实现增加外边距的效果呢?

在项目的node_modules中,找到native-base/dist/src/theme/components/Button.js文件,在该文件的末尾,添加marginBottom属性,如下图所示:

注意看上图中的第480行.这里我们添加了marginBottom属性,并为其赋值10.重新加载APP,就会出现上面如图二所示的效果了.