组织应用的组件

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

应用里的组件我们也可以把它们都放到各自的文件里,然后在应用里,可以使用导出还有导入这些组件提供的功能。我们之前把所有的东西都放到了这个 MovieTalk 组件里面 .. 下面,单独去为这些东西创建一个文件,然后在这个 MovieTalk 组件里面去使用它 ..

可以先复制一下这个文件里的组件内容 .. 还有上面这些导入的东西 .. 在 app 目录的下面,创建一个文件 … 把这个文件放到 Components 这个目录的下面 .. 文件的名字可以是要创建的组件的名字 .. 比如我们先叫它 MovieList.js ..

把复制的东西粘贴到这个文件里面 .. 然后修改一下 .. 先改一下组件的名字.. MovieList .. 这个组件里用到了 React 的 Text,View,Image ,还有 ListView 这几个组件,所以可以去掉这个 AppRegistry … 还有 StyleSheet ..

上面导入的 styles ,后面的路径也要修改一下 .. 这个 Main.js 是在这个文件的上一级目录下面的 Styles 里面,这里把 ./app 换成 ../ ,表示上一级目录 ..

在文件的底部再导出这里定义的组件 .. export { MovieList as default };

保存 .. 回到 index.ios.js .. 在这个文件里可以使用 app ,Components 下面的 MovieList 里定义的组件,先在文件的顶部导入这个组件 .. import MovieList from './app/Components/MovieList'

然后去掉 MovieTalk 这个组件里的多余的东西 .. 只留下它的 constructor .. 还有 render 方法 … 它里面的东西也可以都去掉 … 然后在这个 render 方法里面,直接用一个 MovieList …

保存 … 应用仍然会是之前的样子 ..

组织应用的组件《 React Native #2 导航 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点