NativeBase 2.1.0按钮之间没有间距

原效果图:

NativeBase 2.1.0按钮之间没有间距_第1张图片

现效果图:

NativeBase 2.1.0按钮之间没有间距_第2张图片

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

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

NativeBase 2.1.0按钮之间没有间距_第3张图片

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

你可能感兴趣的:(NativeBase 2.1.0按钮之间没有间距)