9

我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>
        );
    }

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

那么，有可能TouchableOpacity随着其中存在的组件的大小而增长吗？

4

1 回答 1

6

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

于 2020-02-18T02:59:16.767 回答