可触摸的高光不渲染图像

Question

因此，我在代码中添加了一个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"
    }
});

我尝试过更改图像类型，将样式添加到元素中，这几乎就是我能想到的。