如何根据其中的组件调整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>
        );
    }

当我减小TouchableOpacity10或20 之类的宽度时，它会自动增加其高度以适合Text。

那么，是否有可能TouchableOpacity随着内部组件的大小而增长？

Answer 1

你实际上可以使用 alignSelf: 'flex-start' 或 'flex-end' 取决于你想固定哪一侧