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 (

推荐阅读

go
RoboGuice 注解注入：处理 Intent Extra 数据

在 Android 开发中，通过 Intent 启动 Activity 或 Service 时，可以使用 putExtra 方法传递数据。接收方可以通过 getIntent().getExtras() 获取这些数据。本文将介绍如何使用 RoboGuice 框架简化这一过程，特别是 @InjectExtra 注解的使用。 ... [详细]

蜡笔小新 2024-12-22 08:38:48
java
Android 开发面试经验与心得

本文回顾了2017年的转型和2018年的收获，分享了几家知名互联网公司提供的工作机会及面试体验。 ... [详细]

蜡笔小新 2024-12-21 16:10:08
filter
深入解析Spring启动过程

本文详细介绍了Spring框架的启动流程，帮助开发者理解其内部机制。通过具体示例和代码片段，解释了Bean定义、工厂类、读取器以及条件评估等关键概念，使读者能够更全面地掌握Spring的初始化过程。 ... [详细]

蜡笔小新 2024-12-21 17:33:44
format
Python 实现微信支付集成

本文详细介绍如何使用 Python 集成微信支付的三种主要方式：Native 支付、APP 支付和 JSAPI 支付。每种方式适用于不同的应用场景，如 PC 网站、移动端应用和公众号内支付等。 ... [详细]

蜡笔小新 2024-12-20 17:39:09
java
Spring 4.2.5 中 Bean 在 ContextRefreshedEvent 上未启用事务代理的问题

本文探讨了一个特定于 Spring 4.2.5 的问题，即在应用上下文刷新事件（ContextRefreshedEvent）触发时，带有 @Transactional 注解的 Bean 未能正确代理事务。该问题在 Spring 4.1.9 版本中正常运行，但在升级至 4.2.5 后出现异常。 ... [详细]

蜡笔小新 2024-12-18 09:47:38
version
在Android Studio项目中高效集成JNI方法

本文详细介绍了如何在现有的Android Studio项目中集成JNI（Java Native Interface），包括下载必要的NDK和构建工具，配置CMakeLists.txt文件，以及编写和调用JNI函数的具体步骤。 ... [详细]

蜡笔小新 2024-12-17 16:46:36
format
SpringBoot绑定复杂类型自定义参数（List/Map/Set/自定义对象等）YML

应用场景在开发中，我们经常需要把一些随时可能变化的属性配置到配置文件中，这样耦合性低，方便维护。SpringBoot在这方面为我们提供了很大的便捷，我们可以很轻易的将propert ... [详细]

蜡笔小新 2024-12-10 19:49:39
cmd
如何用ping测试网络连接

如何使用Ping命令来测试网络连接？当网卡安装和有关参数配置完成后，可以使用ping命令来测试一下网络是否连接成功。以winXP为例1、打开XP下DOS窗口具体操作是点击“开始”菜 ... [详细]

蜡笔小新 2024-12-22 07:41:31
format
云函数与数据库API实现增删查改的对比

本文将深入探讨使用云函数和数据库API实现数据操作（增删查改）的不同方法，通过详细的代码示例帮助读者更好地理解和掌握这些技术。文章不仅提供代码实现，还解释了每种方法的特点和适用场景。 ... [详细]

蜡笔小新 2024-12-22 00:56:21
version
烤鸭|本文_Spring之Bean的生命周期详解

烤鸭|本文_Spring之Bean的生命周期详解 ... [详细]

蜡笔小新 2024-12-19 16:57:11
go
深入理解iOS中的KVO机制

KVO（键值观察）是iOS开发中的一项重要技术，它允许一个对象监视另一个对象的属性变化，并在这些属性发生变化时得到通知。KVO特别适用于需要响应模型数据变化的场景。 ... [详细]

蜡笔小新 2024-12-15 10:39:14
go
寻求iOS开发学习路径指导

作为一名在大型手机游戏公司工作的程序员，尽管主要负责游戏逻辑和内容的开发，但对iOS底层开发接触较少。现在有了iPhone和可以虚拟MAC环境的电脑，希望能找到有效的iOS开发学习路径。 ... [详细]

蜡笔小新 2024-12-07 10:03:16
client
Android中Cookie的应用与管理

本文详细介绍了如何在Android应用中处理和使用Cookie，包括登录时获取Cookie并将其存储，以及在WebView中同步这些Cookie以保持用户会话。 ... [详细]

蜡笔小新 2024-12-05 17:01:55
format
如何在UIWebView中加载本地图片

本文详细介绍了如何在UIWebView中加载本地图片的方法，这对于需要在应用内展示静态页面和富文本内容的场景非常有用。 ... [详细]

蜡笔小新 2024-12-01 12:14:01
format
优化Android WebView加载性能

在开发一款应用程序时，我需要向用户提供一系列URL列表。为了提高用户体验，计划根据Wi-Fi状态预先加载这些URL，以便用户在点击时能够迅速访问内容，特别是在连接到Wi-Fi的情况下。 ... [详细]

蜡笔小新 2024-11-30 19:45:35

mobiledu2502897737

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

Tags | 热门标签

RankList | 热门文章