ReactNavtive顶部导航栏+网络解析跳转详情(一),基本配置

一：App.js中引用所需文件
import React, { Component } from “react”;
import StackNav from “./src/StackNav”;
export default class App extends Component {
  render() {
    return ;
}
}
二:index.js中去除黄色警告
import { AppRegistry } from “react-native”;
import App from “./App”;
console.disableYellowBox = true;
AppRegistry.registerComponent(“hello”, () => App);
三：封装接口fetchData.js
const baseURL = “https://cnodejs.org/api/v1”;
//封装的GET请求
export const getData = async (url, data) => {
  let api = baseURL + url + “?”;
  if (data) {
    for (key in data) {
      api += key + “=” + data[key] + “&”;
    }
  }
  api = api.substr(0, api.length - 1);
  let res = await fetch(api);
  res = await res.json();
  return res;
};
//封装的POST请求
export const postData = async (url, data) => {
  let res = await fetch(url, {
    headers: {
      “content-type”: “application/json”
    }, //请求头
    body: JSON.stringify(data), //请求体
    method: “POST” //请求类型
  });
  res = await res.json();
  return res;
};