React-Native：内容压缩阻力优先级

Question

我觉得我已经达到了React Native灵活布局的可能性，在我浪费了更多时间试图弄明白自己之前，我想也许你有一个想法。这就是我想要做的事情，iOS使用内容压缩阻力优先级非常容易：

您可以在此处查看此布局的以下4个要求：

1. 价格显示
2. 金额正在显示
3. 金额就在名称旁边
4. 如果名称太长，该名称将被删除（＆＃34; ...＆＃34;）

如果您取下数量标签，这在反应原生中非常容易。但我失去了三个标签。

以下是我在Android上使用React Native所取得的成就：

正如你在这里看到的那样，第二个看起来不错，因为名字不是太长。但是，只要数量太长，数量标签就会消失。我已经尝试了我在互联网上可以找到的所有内容，从最小宽度到缩小收缩和放大在各种各样的变化中成长，但我想我还没有找到合适的变体。

这是我的代码，任何建议都表示赞赏！

＆＃13;
＆＃13;
<View style={{
    height: 46,
    flexDirection:"row",
    marginHorizontal: 40,
    alignItems: "center"
}}
    key={"contribution" + contribution.id}
>
    <View style={{
        flexDirection: "row",
        flex: 1,
    }}>
        <Text style={{
                marginHorizontal: 0,
                backgroundColor: "purple"
            }}
            numberOfLines = {1}
        >
            Test2 Test2 Test2 Test2 Test2 Test2 Test2 Test2
        </Text>
        <Text style={{
                backgroundColor: "red",
                marginHorizontal: 0,
                flex: 1,
                marginLeft: 3
            }}
            numberOfLines = {1}
        >
            {"(" + contribution.amount + ")"}
        </Text>
    </View>
    <Text style={{
            backgroundColor: "blue",
            marginLeft: 10,
            marginHorizontal: 0
        }}
        numberOfLines = {1}
    >
        {"$" + def.utils.formatNumberWithCommas(contribution.amount)}
    </Text>
</View>
＆＃13;
＆＃13;
＆＃13;