NativeBase整体布局篇

当你想要从别的地方查找资料时，说明你已经了解过一些React基础的内容了.所以特别基础的我也就不说了，更何况我也讲不来。

现在切入正题，当我第一次接触React相关的内容时，我看的是Cory House的视频，他讲的内容很丰富，也很充实（虽然我当时听的很懵逼，大概因为我英语比较low吧。但是人家实力在那摆着呢）。当时主要是跟着他的视频写他写的代码，因为刚刚入门，没什么经验，也没什么底子，就相当于边学边练。当我看完这段不算很长但却截成了100多个英文短视频后，我便开始了我的React编程之路。

毕竟是刚刚入门，当时和我一起学的一个同班同学理论知识就特别扎实，不像我根基不稳。而且他现在在做Web端的应用，所以Web端的内容就由他来写吧。我主要写一下NativeBase的相关内容。

划个重点，以上是给阿飞看的，对于你们来说纯属废话，下面的才是我想给你们讲的，我的开发路上我自己觉得可能是个坑或者是我们开发过程中应该注意到的一些问题

在NativeBase的开发文档中提到它们将移动端显示屏划分为三个部分：

: 类似于HTML中标签

: 类似于HTML中标签

: 类似于HTML中标签

这三个部分包裹在里面。

在你使用NativeBase进行app开发的时候，每一个页面都应该有（建议每个页面只有唯一）一个作为页面最外层标签。里面包含着三部分内容，分别是app这个页面需要展示的Header、Content和Footer（除非必要，不建议使用多个）。

当你使用多个标签嵌套时会出现很多排版布局和使用上的毛病。比如会使页面不能正常的上下滚动等等，所以我建议大家在使用的时候应该尽量遵守Header、Content和Footer三结构的app架构。

当然如果你的客户要求你嵌套使用，你可以考虑使用react-native中的ScrollView来修复这个bug。

如果你在编程上遇到问题，可以随时联系我,也许我曾经碰到过。