javascript - 如何根据里面的组件调整 TouchableOpacity 的大小？

Question

我正在使用 TouchableOpacity在我学习 react-native 时制作一个按钮。

但问题是，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' 取决于您要固定哪一侧