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'，具体取决于您要固定的一侧

如何根据其中存在的组件调整TouchableOpacity的大小？

1 个答案: