问在另一个<Text>组件中反应本机<Text>组件

EN

import React from 'react';
import { StyleSheet, Text, View, TouchableOpacity } from "react-native";

function ActivationHelpText({onPress}) {
    return (
        <View style={styles.container}>
            <Text style={styles.text}>Activation can take up-to 24hrs, once your profile is complete.
                <Text style={styles.learnMoreButton}> Learn more.</Text>
            </Text>
        </View>
    );
}

const styles = StyleSheet.create({
    container: {
        flexDirection: 'row',
        paddingVertical: 10,
    },
    text: {
        color: 'black',
        fontSize: 14,
        paddingHorizontal:5,
    },
    learnMoreButton: {
        fontWeight:'bold',
        paddingTop: 20
    }
})

export default ActivationHelpText

<Text style={styles.learnMoreButton}> Learn more.</Text>

       <View style={styles.container}>
            <Text style={styles.text}>Activation can take up-to 24hrs, once your profile is complete.
            <TouchableOpacity onPress={onPress}>
                <Text style={styles.learnMoreButton}> Learn more.</Text>
            </TouchableOpacity>
            </Text>
        </View>