ReactNavtive顶部导航栏+网络解析跳转详情(一),基本
一:App.js中引用所需文件
import React, { Component } from "react";
import StackNav from "./src/StackNav";
export default class App extends Component {
render() {
return <StackNav />;
}
}
二: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;
};
ReactNavtive顶部导航栏+网络解析跳转详情(一),基本配置