NativeBase 2.1.0按钮之间没有间距

原效果图:

现效果图:

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 27,768评论 5 19
  • 《ilua》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 1...
    叶染柒丶阅读 10,968评论 0 11
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,317评论 0 7
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 选择器类型 选择器 含义 id定位于页面上的唯一的元素,页面上的元素是独一无二的就用id,一个页面你上不要出现相同...
    yytyff阅读 255评论 0 0