超超超详细Contentful CMS与react-native的使用

没有使用Contentful CMS时，页面使用静态数据

const cards = [
     {
       image:require('../assets/background11.jpg'),
       title:'Styled Components',
       caption:'1 of 12 sections',
       subtitle:'react native',
       logo:require('../assets/logo-react.png')
     },
     {
       image:require('../assets/background12.jpg'),
       title:'Props and State',
       caption:'1 of 5 sections',
       subtitle:'react',
       logo:require('../assets/logo-react.png')
     },
     {
       image:require('../assets/background13.jpg'),
       title:'Components',
       caption:'1 of 5 sections',
       subtitle:'react',
       logo:require('../assets/logo-react.png')
     },
     {
       image:require('../assets/background14.jpg'),
       title:'Styled Components',
       caption:'4 of 12 sections',
       subtitle:'react native',
       logo:require('../assets/logo-react.png')
     }

   ]

咱们看看使用Contentful CMS如何去更好地直接管理我们的数据。

1.登陆contentful，点击Content model

2.创建一个content type

3.在这里我创建的是Cards，我静态数组名为cards

4.创建成功后，点击创建字段的类型

5.全部所需的字段创建完后，点击Content,会弹出一个弹窗，save changes

6.去到content，生成一条数据，我们可以直接到网页改写资源，包括队员，解决了在本地更改的问题。

7.来到这里using-contentful-graphql-with-javascript