如何在react native中将按钮(TouchableHighlight)或等效按钮放置在文本组件中？

import React from 'react';
import { View, Text, TouchableHighlight } from 'react-native';

const App = () => {
  return (
    <View>
      <Text>
        这是一个文本组件
        <TouchableHighlight onPress={() => console.log('按钮被点击')}>
          <Text style={{ textDecorationLine: 'underline' }}>按钮</Text>
        </TouchableHighlight>
        放置在文本中。
      </Text>
    </View>
  );
};

export default App;