reactnative调试下良好，打包之后tabview中initpagewebview无法显示出来？

作者：mobiledu2502897737 | 来源：互联网 | 2023-10-12 19:55

在使用react-native-scrollable-tab-view这个组件。每一个tab嵌套了一个webview地图。安卓debug下每一个tab都可以都正常显示，打包apk之后有一点问题进

在使用react-native-scrollable-tab-view这个组件。每一个tab嵌套了一个webview地图。安卓debug下每一个tab都可以都正常显示，打包apk之后有一点问题进入该页面的第一个都无法显示。webview的html我是直接const了一个常量。script代码采用的componentDidMount下通过inject注入的方法。实现的。在调试下一点问题没有。打包之后每次打开第一个tab都无法显示。
eg：有1，2，3，4，5 五个tab。在调试下都正常显示。打包apk之后。传入的initpage=2.tab2空白，1，3，4，5有地图。（进来 initpage那一个tab是空白。其他tab都ok。）不知道为什么求解。
入口

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

let dayList = this.state.bookData.map((result, i, arr) => {

let day = 'D' + result.day

let aDayMapCOntent= Platform.OS === 'ios' ?
{...this.props}

tabLabel={day}

OneDayData={arr[i].all_axis}

key={i}

/> :
{...this.props}

tabLabel={day}

OneDayData={arr[i].all_axis}

key={i}

/>

return aDayMapContent

})

var dateArr = this.getDateArr()

return (

tabBarUnderlinecodecolorer-container text default Javascript" >

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95

export default class ADayMapAndroid extends Component {

constructor (props) {

super(props)

this.state = {

allAxis: this.props.oneDayData

}

this.uluru = this.state.allAxis[0]

this.axisArray = []

this.markerInfoArray = []

for (let i = 0; i
if (this.state.allAxis[i].type !== 'flight' &&

this.state.allAxis[i].type !== 'line' &&

this.state.allAxis[i].type !== 'tip' &&

this.state.allAxis[i].type !== 'roadtrip') {

let temp = {lat: parseFloat(this.state.allAxis[i].axis[0]), lng: parseFloat(this.state.allAxis[i].axis[1])}

this.axisArray.push(temp)

let tempMarker = this.state.allAxis[i]

if (!this.state.allAxis[i].address) {

tempMarker.address = ''

} else {

tempMarker.address = '

' + '地址：' + this.state.allAxis[i].address + '

'

}

this.markerInfoArray.push(tempMarker)

}

}

}

componentDidMount () {

// console.log(JSON.stringify(this.axisArray))

this.webview.injectJavascript(`

var labels = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15'];

var icOnBase= 'https://uniqueway-document.b0.upaiyun.com/app/uniqueway/newplaceIcon.png';

function initMap() {

var uluru = ${JSON.stringify(this.axisArray[0])};

var map = new google.maps.Map(document.getElementById('map'), {

zoom: 4,

center: uluru,

disableDefaultUI: true,

zoomControl: true

});

var bounds = new google.maps.LatLngBounds ();

var markArr = [];

${JSON.stringify(this.axisArray)}.forEach(function(feature,i) {

var marker = new google.maps.Marker({

position: feature,

map: map,

label: {

text: labels[i % labels.length],

color: 'white'

},

icon: iconBase

});

bounds.extend (feature);

markArr.push(marker);

});

map.fitBounds (bounds);

var flightPath = new google.maps.Polyline({

path: ${JSON.stringify(this.axisArray)},

geodesic: true,

strokeColor: '#2eb872',

strokeOpacity: 1.0,

strokeWeight: 2

});

flightPath.setMap(map);

for (let i = 0; i
let infowindow = new google.maps.InfoWindow({

content: '

'+ '时间：' + ${JSON.stringify(this.markerInfoArray)}[i].start_time + '-' + ${JSON.stringify(this.markerInfoArray)}[i].end_time + '

' +

'

'+ '名称：' + ${JSON.stringify(this.markerInfoArray)}[i].name + '

' +

${JSON.stringify(this.markerInfoArray)}[i].address

});

markArr[i].addListener('click', function() {

infowindow.open(map, markArr[i]);

});

}

}

`)

}

render () {

return (

推荐阅读

io
OpenMap教程4 – 图层概述

本文介绍了OpenMap教程4中关于地图图层的内容，包括将ShapeLayer添加到MapBean中的方法，OpenMap支持的图层类型以及使用BufferedLayer创建图像的MapBean。此外，还介绍了Layer背景标志的作用和OMGraphicHandlerLayer的基础层类。 ... [详细]

蜡笔小新 2023-12-09 19:26:56
io
android listview OnItemClickListener失效原因

最近在做listview时发现OnItemClickListener失效的问题，经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效，还会导致单击后listview每个item的背景改变，使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况，并提供了解决方法。 ... [详细]

蜡笔小新 2023-12-14 14:25:50
char
[echarts] 同指标对比柱状图相关的知识介绍及应用示例

本文由编程笔记小编为大家整理，主要介绍了echarts同指标对比柱状图相关的知识，包括对比课程通过率最高的8个课程和最低的8个课程以及全校的平均通过率。文章提供了一个应用示例，展示了如何使用echarts制作同指标对比柱状图，并对代码进行了详细解释和说明。该示例可以帮助读者更好地理解和应用echarts。 ... [详细]

蜡笔小新 2023-12-09 10:02:11
io
CSS3选择器的使用方法详解，提高Web开发效率和精准度

本文详细介绍了CSS3新增的选择器方法，包括属性选择器的使用。通过CSS3选择器，可以提高Web开发的效率和精准度，使得查找元素更加方便和快捷。同时，本文还对属性选择器的各种用法进行了详细解释，并给出了相应的代码示例。通过学习本文，读者可以更好地掌握CSS3选择器的使用方法，提升自己的Web开发能力。 ... [详细]

蜡笔小新 2023-12-14 14:37:52
eval
ASP.NET2.0数据教程之十四：使用FormView的模板

本文介绍了在ASP.NET 2.0中使用FormView控件来实现自定义的显示外观，与GridView和DetailsView不同，FormView使用模板来呈现，可以实现不规则的外观呈现。同时还介绍了TemplateField的用法和FormView与DetailsView的区别。 ... [详细]

蜡笔小新 2023-12-13 08:07:00
process
Express App如何提供不需要的静态文件？

本文介绍了如何使用Express App提供静态文件，同时提到了一些不需要使用的文件，如package.json和/.ssh/known_hosts，并解释了为什么app.get('*')无法捕获所有请求以及为什么app.use(express.static(__dirname))可能会提供不需要的文件。 ... [详细]

蜡笔小新 2023-12-12 14:38:07
input
【Vue】表单 input 绑定

网址：https:vue.docschina.orgv2guideforms.html表单input绑定基础用法可以通过使用v-model指令，在 ... [详细]

蜡笔小新 2023-12-11 18:07:28
default
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解

先看看ElementUI里关于el-table的template数据结构：<template><el-table:datatableData><e ... [详细]

蜡笔小新 2023-12-11 14:47:02
default
人脸检测 pyqt+opencv+dlib

一、实验目标绘制PyQT界面，调用摄像头显示人脸信息。在界面中，用户通过点击不同的按键可以实现多种功能：打开和关闭摄像头， ... [详细]

蜡笔小新 2023-10-17 12:37:18
io
2021年最详细的Android屏幕适配方案汇总

1Android屏幕适配的度量单位和相关概念建议在阅读本文章之前，可以先阅读快乐李同学写的文章《Android屏幕适配的度量单位和相关概念》，这篇文章 ... [详细]

蜡笔小新 2023-10-16 20:18:36
chat
详细介绍附代码：使用jquery，和php文件构建一个简单的在线聊天室，通过ip显示googlemap

最近学习了关于使用最为流行的jquery发送请求，在实践中以最为简单的聊天室作为测验的辅助工具，对相关网页开发有一个初步的认识，希望大家能够一起学习进步。首先介绍一下 ... [详细]

蜡笔小新 2023-10-16 18:21:05
const
ReactNative Listview 的各个属性解释?

今天终于成功使用ReactNative打包APK成功,IOS暂时没有 ... [详细]

蜡笔小新 2023-10-16 16:04:23
default
nginx使用内置模块配置限速限流的方法实例_nginx

Nginx现在已经是最火的负载均衡之一,在流量陡增的互联网面前,接口限流也是很有必要的，尤其是针对高并发的场景,下面这篇文章主要给大家介绍了关于nginx使用内置模块配置限速限流的 ... [详细]

蜡笔小新 2023-10-16 12:12:07
char
Android 新闻App的本地服务器搭建教程

本文介绍了在开发Android新闻App时，搭建本地服务器的步骤。通过使用XAMPP软件，可以一键式搭建起开发环境，包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表，并设置相应的属性。最后，给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]

蜡笔小新 2023-12-14 17:15:19
char
Nginx使用（server参数配置）

本文介绍了Nginx的使用，重点讲解了server参数配置，包括端口号、主机名、根目录等内容。同时，还介绍了Nginx的反向代理功能。 ... [详细]

蜡笔小新 2023-12-14 17:08:34

mobiledu2502897737

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章