-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdocs__myblog__devneeds__reactnative.md.js
More file actions
1 lines (1 loc) · 8.4 KB
/
docs__myblog__devneeds__reactnative.md.js
File metadata and controls
1 lines (1 loc) · 8.4 KB
1
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[47],{VF1R:function(e,a,n){e.exports=n.p+"static/iosicon.5c61174b.png"},c9cx:function(e,a,n){e.exports=n.p+"static/ios.3f486876.png"},ymNG:function(e,a,n){"use strict";n.r(a);var t=n("q1tI"),l=n.n(t),r=n("dEAq"),i=n("H1Ra"),c=l.a.memo((e=>{e.demos;return l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{className:"markdown"},l.a.createElement("h1",{id:"react-native-\u7684\u5751"},l.a.createElement(r["AnchorLink"],{to:"#react-native-\u7684\u5751","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"react native \u7684\u5751"),l.a.createElement("h2",{id:"1react-native-\u6253\u5305"},l.a.createElement(r["AnchorLink"],{to:"#1react-native-\u6253\u5305","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"1\u3001react native \u6253\u5305"),l.a.createElement("h3",{id:"ios-\u6253\u5305"},l.a.createElement(r["AnchorLink"],{to:"#ios-\u6253\u5305","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"ios \u6253\u5305"),l.a.createElement("ol",null,l.a.createElement("li",null,"xcode-product-archive"),l.a.createElement("li",null,"\u6253\u5b8c\u4e4b\u540e export \u9009\u62e9\u7b2c\u4e8c\u4e2a save for ad hoc"),l.a.createElement("li",null,"\u9ed8\u8ba4\u4e0d\u6539\u8bc1\u4e66 \u9009\u62e9 shanghaipushu")),l.a.createElement("h3",{id:"android-\u6253\u5305"},l.a.createElement(r["AnchorLink"],{to:"#android-\u6253\u5305","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"android \u6253\u5305"),l.a.createElement("p",null,"\u53d1\u5e03\u524d\u6d4b\u8bd5\u5e94\u7528\u6709\u6ca1\u6709\u95ee\u9898\uff1a",l.a.createElement("code",null,"react-native run-android --variant=release")),l.a.createElement("p",null,"\u5b89\u5353\u6253\u5305\u6b65\u9aa4\uff1a"),l.a.createElement("ul",null,l.a.createElement("li",null,"\u6253\u5305\uff1a",l.a.createElement("code",null,"cd android && ./gradlew assembleRelease")),l.a.createElement("li",null,"\u76f4\u63a5\u5b89\u88c5\u5230\u771f\u673a\uff1a",l.a.createElement("code",null,"cd android && ./gradlew installRelease"))),l.a.createElement("p",null,l.a.createElement("strong",null,"Mac \u8fd0\u884c\u5230 android \u6a21\u62df\u5668")),l.a.createElement("p",null,l.a.createElement("code",null,"cd ~/Library/Android/sdk/tools/ && ./emulator @Nexus_6P_API_28")),l.a.createElement("h2",{id:"2native-echats-\u7684\u4f7f\u7528"},l.a.createElement(r["AnchorLink"],{to:"#2native-echats-\u7684\u4f7f\u7528","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"2\u3001native-echats \u7684\u4f7f\u7528"),l.a.createElement("p",null,"\u4f7f\u7528",l.a.createElement("code",null,"native-echats"),"\u7684\u65f6\u5019\u4f1a\u51fa\u73b0\u6253\u5305\u5728",l.a.createElement("code",null,"android"),"\u4e0b\u9762\u662f\u7a7a\u767d\u9875\u7684\u60c5\u51b5\uff0c\u5219\u9700\u8981\u4fee\u6539\u91cc\u9762\u7684\u4ee3\u7801"),l.a.createElement(i["a"],{code:"import React, { Component } from 'react';\nimport { WebView, View, StyleSheet, Platform } from 'react-native';\nimport renderChart from './renderChart';\nimport echarts from './echarts.min';\n\nexport default class App extends Component {\n componentWillReceiveProps(nextProps) {\n if (nextProps.option !== this.props.option) {\n this.refs.chart.reload();\n }\n }\n\n render() {\n let source;\n if (__DEV__) {\n source = require('./tpl.html');\n } else {\n source =\n Platform.OS === 'ios'\n ? require('./tpl.html')\n : { uri: 'file:///android_asset/tpl.html' };\n }\n return (\n <View style={{ flex: 1, height: this.props.height || 400 }}>\n <WebView\n ref=\"chart\"\n scrollEnabled={false}\n originWhitelist={['*']}\n injectedJavaScript={renderChart(this.props)}\n style={{\n height: this.props.height || 400,\n backgroundColor: this.props.backgroundColor || 'transparent',\n }}\n scalesPageToFit={Platform.OS === 'ios' ? false : true}\n source={source}\n onMessage={event =>\n this.props.onPress\n ? this.props.onPress(JSON.parse(event.nativeEvent.data))\n : null\n }\n />\n </View>\n );\n }\n}",lang:"js"}),l.a.createElement("h2",{id:"3\u4fee\u6539-android-\u7684\u5305\u540d"},l.a.createElement(r["AnchorLink"],{to:"#3\u4fee\u6539-android-\u7684\u5305\u540d","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"3\u3001\u4fee\u6539 android \u7684\u5305\u540d"),l.a.createElement("p",null,"\u5047\u8bbe\u539f\u5305\u540d\u4e3a",l.a.createElement("code",null,"com.pushTets"),"\uff0c\u4fee\u6539\u540e\u5305\u540d\u4e3a",l.a.createElement("code",null,"com.spd9.dpb"),"\uff0c\u4ee5\u4e0b\u5730\u65b9\u9700\u8981\u4fee\u6539"),l.a.createElement("ol",null,l.a.createElement("li",null,l.a.createElement("code",null,"android/app/src/main/java/com/PROJECT_NAME/MainActivity.java")),l.a.createElement("li",null,l.a.createElement("code",null,"android/app/src/main/java/com/PROJECT_NAME/ MainApplication.java")),l.a.createElement("li",null,l.a.createElement("code",null,"android/app/src/main/AndroidManifest.xml")),l.a.createElement("li",null,l.a.createElement("code",null,"android/app/BUCK"))),l.a.createElement("p",null,"\u76f4\u63a5\u5bf9\u4e0a\u8ff0\u7684\u6587\u4ef6\u8fdb\u884c\u641c\u7d22\u66ff\u6362\uff0c\u7136\u540e\u8fdb\u5165",l.a.createElement("code",null,"android"),"\u76ee\u5f55\u6267\u884c",l.a.createElement("code",null,"./gradlew clean")," \u6e05\u9664\u7f13\u5b58"),l.a.createElement("p",null,"\u628a",l.a.createElement("code",null,"android/app/src/main/java/com/PROJECT_NAME/MainActivity.java"),"\u548c",l.a.createElement("code",null,"/MainApplication.java"),"\u4e24\u4e2a\u6587\u4ef6\u79fb\u5165\u65b0\u521b\u5efa\u7684\u76ee\u5f55,\u65b0\u521b\u5efa\u7684\u76ee\u5f55\u8981\u548c\u5305\u540d\u76f8\u5bf9\u5e94"),l.a.createElement("h2",{id:"4react-native-\u542f\u52a8\u9875\u7684\u5c3a\u5bf8"},l.a.createElement(r["AnchorLink"],{to:"#4react-native-\u542f\u52a8\u9875\u7684\u5c3a\u5bf8","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"4\u3001react native \u542f\u52a8\u9875\u7684\u5c3a\u5bf8"),l.a.createElement("h3",{id:"ios-\u7684\u542f\u52a8\u9875\u5c3a\u5bf8"},l.a.createElement(r["AnchorLink"],{to:"#ios-\u7684\u542f\u52a8\u9875\u5c3a\u5bf8","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"ios \u7684\u542f\u52a8\u9875\u5c3a\u5bf8"),l.a.createElement("img",{src:n("c9cx")}),l.a.createElement("h3",{id:"ios-\u5e94\u7528\u56fe\u6807\u5c3a\u5bf8"},l.a.createElement(r["AnchorLink"],{to:"#ios-\u5e94\u7528\u56fe\u6807\u5c3a\u5bf8","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"ios \u5e94\u7528\u56fe\u6807\u5c3a\u5bf8"),l.a.createElement("img",{src:n("VF1R")}),l.a.createElement("h3",{id:"android-\u7684\u542f\u52a8\u9875\u5c3a\u5bf8"},l.a.createElement(r["AnchorLink"],{to:"#android-\u7684\u542f\u52a8\u9875\u5c3a\u5bf8","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"android \u7684\u542f\u52a8\u9875\u5c3a\u5bf8"),l.a.createElement("p",null,"\u6587\u4ef6\u540d\u79f0\u662f\uff1a",l.a.createElement("code",null,"launch_screen.png")),l.a.createElement("ul",null,l.a.createElement("li",null,"480 x 762\uff08drawable-xhdpi\uff09"),l.a.createElement("li",null,"720 x 1242\uff08drawable-xxhdpi\uff09"),l.a.createElement("li",null,"1080 x 1882\uff08drawable-xxxhdpi\uff09")),l.a.createElement("h3",{id:"android-\u5e94\u7528\u56fe\u6807\u5c3a\u5bf8"},l.a.createElement(r["AnchorLink"],{to:"#android-\u5e94\u7528\u56fe\u6807\u5c3a\u5bf8","aria-hidden":"true",tabIndex:-1},l.a.createElement("span",{className:"icon icon-link"})),"android \u5e94\u7528\u56fe\u6807\u5c3a\u5bf8"),l.a.createElement("ul",null,l.a.createElement("li",null,"mipmap-hdpi\uff0872 x 72\uff09"),l.a.createElement("li",null,"mipmap-mdpi\uff0848 x 48\uff09"),l.a.createElement("li",null,"mipmap-xhdpi\uff0896 x 96\uff09"),l.a.createElement("li",null,"mipmap-xxhdpi\uff08144 x 144\uff09"),l.a.createElement("li",null,"mipmap-xxxhdpi\uff08192 x 192\uff09"))))}));a["default"]=e=>{var a=l.a.useContext(r["context"]),n=a.demos;return l.a.useEffect((()=>{var a;null!==e&&void 0!==e&&null!==(a=e.location)&&void 0!==a&&a.hash&&r["AnchorLink"].scrollToAnchor(decodeURIComponent(e.location.hash.slice(1)))}),[]),l.a.createElement(c,{demos:n})}}}]);