Question

我想在内容长度上绘制自定义圆圈方面。我尝试使用height:100，width:100，borderRadius:50但是当内容增加时它是静态的，看起来不方便。我用谷歌搜索，但它给了我同样的解决方案。

必填输出 https://i.stack.imgur.com/lvRu9.png

我的输出 https://i.stack.imgur.com/1VcOv.png

感谢任何帮助。谢谢。

Answer 1

不要提供静态宽度和高度。

将名为onLayoutChange的道具传递给您的视图，回调将在视图发生变化之前为您提供视图的高度和宽度。

然后，您可以根据需要使用宽度或高度来计算边界半径。

但我的建议是使用静态高度而不是通过宽度，并给出边缘半径的一半，这将是帮助您实现所需目标

Answer 2

您可以在minWidth和一点padding

的帮助下实现这一目标

使用动态内容

尝试此操作

<View style={{height: 100, minWidth: 100, paddingLeft: 10, paddingRight: 10, borderRadius: 50, backgroundColor: 'red', alignItems: 'center', justifyContent: 'center'}} >
    <Text>// Dynamic Text</Text>
</View>

自定义循环对反应原生的内容长度的尊重

2 个答案: