Skip to content

zhangzhonghua / BoneHouse_Business_APP

Go to a project
Commit d4f47d88 by peii
Options

加上webview

parent b78ccb3f
Expand all
Inline Side-by-side
Showing with 84 additions and 23 deletions
app.json
// TODO: 不能提交或提交前改回BoneHouse_Business_APP // TODO: 不能提交或提交前改回BoneHouse_Business_APP
{ {
"name": "BoneHouse_Hospital_APP", "name": "BoneHouse_Business_APP",
"displayName": "BoneHouse_Hospital_APP" "displayName": "BoneHouse_Business_APP"
} }
\ No newline at end of file
package.json
...@@ -33,6 +33,7 @@ ...@@ -33,6 +33,7 @@
"react-native-root-toast": "3.1.1", "react-native-root-toast": "3.1.1",
"react-native-sound": "0.11.0", "react-native-sound": "0.11.0",
"react-native-splash-screen": "3.2.0", "react-native-splash-screen": "3.2.0",
"react-native-webview": "^11.14.0",
"react-navigation": "3.11.0", "react-navigation": "3.11.0",
"react-redux": "7.1.0", "react-redux": "7.1.0",
"redux": "4.0.1", "redux": "4.0.1",
......
src/pages/index/index.tsx
...@@ -76,6 +76,7 @@ class Index extends Component<IProps> { ...@@ -76,6 +76,7 @@ class Index extends Component<IProps> {
MOBILE_CONSUMP_CONFIRMA: 'Consume', MOBILE_CONSUMP_CONFIRMA: 'Consume',
MOBILE_DEVICE_INFORMATION: '', MOBILE_DEVICE_INFORMATION: '',
MOBILE_TRANSFER_APPLICATION: '', MOBILE_TRANSFER_APPLICATION: '',
MOBILE_WEBVIEW: 'WebView'
} }
this.props.navigation.navigate(pages[fun.functionCode], { title: fun.functionName }) this.props.navigation.navigate(pages[fun.functionCode], { title: fun.functionName })
} }
......
src/pages/webview/webview.styl 0 → 100644
@import '../../assets/styles/base.styl'
@import '../../assets/styles/variable.styl'
src/pages/webview/webview.tsx 0 → 100644
/*
* @FilePath: /BoneHouse_Business_APP/src/pages/webview/webview.tsx
* @Author: peii
* @Date: 2021-10-12 14:19:38
* @LastEditTime: 2021-10-12 18:46:44
* @LastEditors: peii
* @Vision: 1.0
* @Description: webview 页面
*/
// @ts-nocheck
import React, { Component } from 'react'
import { View } from 'react-native'
import { inject, observer } from 'mobx-react'
import { WebView } from 'react-native-webview'
import { INavigation } from 'rn-navigation'
import Header from '../../components/header/header'
import { g } from '../../utils/utils'
import styles from './webview.styl'
type IProps = {
url: string
navigation: INavigation
}
class Webview extends Component<IProps> {
render() {
const url = this.props.url
return (
<View style={g(styles, 'container')}>
<Header
title=""
backCallback={() => {
this.props.navigation.goBack()
}}
/>
<WebView source={{ uri: 'https://qingflow.com/f/4659bdc7' }} style={g(styles, 'webview')} />
</View>
)
}
}
export default inject('store', 'userStore')(observer(Webview))
src/router.tsx
...@@ -22,6 +22,7 @@ import Productions from './pages/order/productions/index' ...@@ -22,6 +22,7 @@ import Productions from './pages/order/productions/index'
import TemplateDetail from './pages/order/productions/details/templates' import TemplateDetail from './pages/order/productions/details/templates'
import PackageDetail from './pages/order/productions/details/package' import PackageDetail from './pages/order/productions/details/package'
import Success from './pages/success/success' import Success from './pages/success/success'
import WebView from './pages/webview/webview'
function createNavigator() { function createNavigator() {
const options = { const options = {
...@@ -119,8 +120,9 @@ function createNavigator() { ...@@ -119,8 +120,9 @@ function createNavigator() {
TemplateDetail: { screen: TemplateDetail }, TemplateDetail: { screen: TemplateDetail },
PackageDetail: { screen: PackageDetail }, PackageDetail: { screen: PackageDetail },
Success: { screen: Success }, Success: { screen: Success },
WebView: { screen: WebView },
}, },
{ initialRouteName: 'Productions', ...options }, { initialRouteName: 'Main', ...options },
) )
return createAppContainer(stackNavigator) return createAppContainer(stackNavigator)
......
src/stores/store.ts
...@@ -37,6 +37,7 @@ export default class Store { ...@@ -37,6 +37,7 @@ export default class Store {
MOBILE_CONSUMP_CONFIRMA: require('../assets/images/equip_consu.png'), MOBILE_CONSUMP_CONFIRMA: require('../assets/images/equip_consu.png'),
MOBILE_DEVICE_INFORMATION: require('../assets/images/device_info.png'), MOBILE_DEVICE_INFORMATION: require('../assets/images/device_info.png'),
MOBILE_TRANSFER_APPLICATION: require('../assets/images/trans_order.png'), MOBILE_TRANSFER_APPLICATION: require('../assets/images/trans_order.png'),
MOBILE_WEBVIEW: require('../assets/images/self_order.png'),
} }
@observable navigation = null @observable navigation = null
......
yarn.lock
...@@ -2,19 +2,20 @@ ...@@ -2,19 +2,20 @@
# yarn lockfile v1 # yarn lockfile v1
"@ant-design/icons-react-native@^1.0.2": "@ant-design/icons-react-native@^2.0.0":
version "1.0.2" version "2.3.1"
resolved "https://registry.yarnpkg.com/@ant-design/icons-react-native/-/icons-react-native-1.0.2.tgz#28648eacb808a1fae0ad59d691bbb472a6ffc26e" resolved "https://r.cnpmjs.org/@ant-design/icons-react-native/download/@ant-design/icons-react-native-2.3.1.tgz#62eb3a0c5371c35b069dd60b7c02901016ffd7eb"
integrity sha512-cpTHdeGdxS+kp59rrtHZw6guXJQyDKzvLxGUf2qXeTlua5nKLG1kVoSMtW5tIPep21RcL6gVdwQl5+/mUMk9/w== integrity sha1-Yus6DFNxw1sGndYLfAKQEBb/1+s=
"@ant-design/react-native@3.1.15": "@ant-design/react-native@^3.1.15":
version "3.1.15" version "3.3.0"
resolved "https://registry.yarnpkg.com/@ant-design/react-native/-/react-native-3.1.15.tgz#3720ac06670d22af934130efd85fb81b0ad4d0df" resolved "https://r.cnpmjs.org/@ant-design/react-native/download/@ant-design/react-native-3.3.0.tgz#ecd1ef6e34f09e21e5969bce60996c5d8eeb01c3"
integrity sha512-Sj02TfQ+Mu3VAtqkPdXcZU2zULkewf7m4h+ERsMrQjzRMJrifEugjKyrmZ1uLr4gRMltZnogeYjPwt5leyICLg== integrity sha1-7NHvbjTwniHllpvOYJlsXY7rAcM=
dependencies: dependencies:
"@ant-design/icons-react-native" "^1.0.2" "@ant-design/icons-react-native" "^2.0.0"
"@bang88/react-native-drawer-layout" "^2.0.3" "@bang88/react-native-drawer-layout" "^2.0.3"
"@bang88/react-native-ultimate-listview" "^3.3.0" "@bang88/react-native-ultimate-listview" "^3.3.0"
"@react-native-community/viewpager" "^1.1.7"
array-tree-filter "~2.1.0" array-tree-filter "~2.1.0"
babel-runtime "^6.x" babel-runtime "^6.x"
deepmerge "^3.0.0" deepmerge "^3.0.0"
...@@ -1033,6 +1034,11 @@ ...@@ -1033,6 +1034,11 @@
xcode "^2.0.0" xcode "^2.0.0"
xmldoc "^0.4.0" xmldoc "^0.4.0"
"@react-native-community/viewpager@^1.1.7":
version "1.1.7"
resolved "https://r.cnpmjs.org/@react-native-community/viewpager/download/@react-native-community/viewpager-1.1.7.tgz#7d3b1631f1ec91145db92a8e25c80d53027e96ba"
integrity sha1-fTsWMfHskRRduSqOJcgNUwJ+lro=
"@react-native-community/viewpager@^5.0.11": "@react-native-community/viewpager@^5.0.11":
version "5.0.11" version "5.0.11"
resolved "https://registry.yarnpkg.com/@react-native-community/viewpager/-/viewpager-5.0.11.tgz#dbeb2d1b2452607926407c99e4de59c7db9e3019" resolved "https://registry.yarnpkg.com/@react-native-community/viewpager/-/viewpager-5.0.11.tgz#dbeb2d1b2452607926407c99e4de59c7db9e3019"
...@@ -2570,16 +2576,16 @@ escape-html@~1.0.3: ...@@ -2570,16 +2576,16 @@ escape-html@~1.0.3:
resolved "https://registry.npm.taobao.org/escape-html/download/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988" resolved "https://registry.npm.taobao.org/escape-html/download/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg= integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
escape-string-regexp@2.0.0, escape-string-regexp@^2.0.0:
version "2.0.0"
resolved "https://registry.npm.taobao.org/escape-string-regexp/download/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
integrity sha1-owME6Z2qMuI7L9IPUbq9B8/8o0Q=
escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5: escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
version "1.0.5" version "1.0.5"
resolved "https://registry.npm.taobao.org/escape-string-regexp/download/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" resolved "https://registry.npm.taobao.org/escape-string-regexp/download/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ= integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
escape-string-regexp@^2.0.0:
version "2.0.0"
resolved "https://registry.npm.taobao.org/escape-string-regexp/download/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
integrity sha1-owME6Z2qMuI7L9IPUbq9B8/8o0Q=
escodegen@^1.8.1, escodegen@^1.9.1: escodegen@^1.8.1, escodegen@^1.9.1:
version "1.14.3" version "1.14.3"
resolved "https://registry.npm.taobao.org/escodegen/download/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503" resolved "https://registry.npm.taobao.org/escodegen/download/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503"
...@@ -3468,7 +3474,7 @@ inquirer@^7.3.3: ...@@ -3468,7 +3474,7 @@ inquirer@^7.3.3:
strip-ansi "^6.0.0" strip-ansi "^6.0.0"
through "^2.3.6" through "^2.3.6"
invariant@^2.2.4: invariant@2.2.4, invariant@^2.2.4:
version "2.2.4" version "2.2.4"
resolved "https://registry.npm.taobao.org/invariant/download/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6" resolved "https://registry.npm.taobao.org/invariant/download/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
integrity sha1-YQ88ksk1nOHbYW5TgAjSP/NRWOY= integrity sha1-YQ88ksk1nOHbYW5TgAjSP/NRWOY=
...@@ -5888,11 +5894,6 @@ react-native-modal-popover@^0.0.12: ...@@ -5888,11 +5894,6 @@ react-native-modal-popover@^0.0.12:
lodash.debounce "^4.0.8" lodash.debounce "^4.0.8"
prop-types "^15.6.2" prop-types "^15.6.2"
react-native-pager-view@^5.4.0:
version "5.4.0"
resolved "https://registry.yarnpkg.com/react-native-pager-view/-/react-native-pager-view-5.4.0.tgz#8e30a391a68da26e59f4ae724341b9208924b2ee"
integrity sha512-pYy3I8p5s6cPaymT1GibuDRHmicY3JdHHZyTH+Fra1S0wupaJhoZy33f2prrMJqQfk9kaqwCsb3pVmj4GuJTjA==
react-native-postcss-transformer@^1.2.4: react-native-postcss-transformer@^1.2.4:
version "1.2.4" version "1.2.4"
resolved "https://registry.npm.taobao.org/react-native-postcss-transformer/download/react-native-postcss-transformer-1.2.4.tgz#3e1c9f1c0e36764a76516c5fd584e7f10c994014" resolved "https://registry.npm.taobao.org/react-native-postcss-transformer/download/react-native-postcss-transformer-1.2.4.tgz#3e1c9f1c0e36764a76516c5fd584e7f10c994014"
...@@ -5973,6 +5974,14 @@ react-native-tab-view@^1.2.0, react-native-tab-view@^1.4.1: ...@@ -5973,6 +5974,14 @@ react-native-tab-view@^1.2.0, react-native-tab-view@^1.4.1:
dependencies: dependencies:
prop-types "^15.6.1" prop-types "^15.6.1"
react-native-webview@^11.14.0:
version "11.14.0"
resolved "https://r.cnpmjs.org/react-native-webview/download/react-native-webview-11.14.0.tgz#01d7669409d7510c859300c058902c8a8490cbbb"
integrity sha1-AddmlAnXUQyFkwDAWJAsioSQy7s=
dependencies:
escape-string-regexp "2.0.0"
invariant "2.2.4"
react-native@0.59.9: react-native@0.59.9:
version "0.59.9" version "0.59.9"
resolved "https://registry.npm.taobao.org/react-native/download/react-native-0.59.9.tgz#c94ee4fa35121720c05235a2dd6cdd2784bf5177" resolved "https://registry.npm.taobao.org/react-native/download/react-native-0.59.9.tgz#c94ee4fa35121720c05235a2dd6cdd2784bf5177"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment