Как изменить размер TouchableOpacity в соответствии с компонентом, присутствующим в нем?

Question

Я использую TouchableOpacity сделать кнопку, как я учусь реагировать на родной.

Но проблема в том, TouchableOpacity занимает 100% ширины экрана. Но я хочу взять размер / рост с компонентом, присутствующим внутри.

Как мне это сделать?

import React, { Component } from "react";
import { Text, TouchableOpacity } from "react-native";
export default class App extends Component {
    render(){
        return(
        <TouchableOpacity
            onPress={() => console.log("Pressed!")}
            style={{ backgroundColor: "red" }}
        >

            <Text>Press me!</Text>

        </TouchableOpacity>
        );
    }

Когда я уменьшаю ширину TouchableOpacity как 10 или 20, он автоматически увеличивает свою высоту, чтобы соответствовать Text,

Итак, это возможно для TouchableOpacity расти с размером компонента, присутствующего в нем?

Answer 1

Фактически вы можете использовать alignSelf: 'flex-start' или 'flex-end' в зависимости от того, с какой стороны вы хотите закрепить