react-native - 可触摸高光不渲染图像
问题描述
所以我在我的代码中添加了一个 TouchableHighlight,但它不会将图像呈现到应用程序中,并且分配给它的导航道具没有被激活。
import React, { Component } from "react";
import { Center } from "@builderx/utils";
import { View, StyleSheet, Image, Text } from "react-native";
import { createAppContainer } from 'react-navigation';
import { MainNavigation } from '../screens/MainNavigator';
import { TouchableHighlight } from 'react-native'
import { AppContainer } from "../screens/MainNavigator"
export default class DlLoading_2 extends Component {
render() {
return (
<View style={styles.root}>
<Center />
<TouchableHighlight onPress={() =>
{this.props.navigation.navigate('DlMain')}}>
<Image
source={require('../assets/ComponentTMP_0-image.jpg')}
style={styles.blueDisk}/>
</TouchableHighlight>
<Center horizontal>
<Image
source={require("../assets/ComponentTMP_0-image2.png")}
style={styles.dlLogo}
/>
</Center>
<Center horizontal>
<Text style={styles.text}>TRANSINDENTAL MEDITATION</Text>
</Center>
</View>
)
}
}
const styles = StyleSheet.create({
blueDisk: {
height: 401.5,
width: 602,
position: "absolute"
}
});
我尝试过更改图像类型,将样式添加到元素中,这就是我能想到的。
解决方案
推荐阅读
- javascript - 记录用户存在未识别的 discord.js
- java - 如何在 jOOQ postgres 中创建 SHA1 摘要?
- javascript - 如何在 MarkLogic REST API 上使用 swagger/openAPI 来生成文档?
- javascript - 动态追加元素 jquery 和 javascript 类
- laravel - Laravel 从包中获取应用程序的翻译
- ios - cocoapod 中的资源文件设置为错误的目标
- r - 将函数的结果导出到 .rtf
- git - 是否可以复制 gitlab 项目?
- google-apps-script - 参考错误 $ 未在 onFormSubmit 中定义
- php - 如何限制 Laravel 中的页面链接数量?