RN中未知高度View标签生成竖排圆圈

可以使用RelativeLayout布局，将每个圆圈的位置设置为相对于上一个圆圈的底部对齐，并设置一个较大的间距。具体实现步骤如下：

在布局文件中添加一个RelativeLayout标签，作为容器。
在RelativeLayout中添加第一个圆圈，设置其id为'circle1'，并设置其位置为容器的顶部中心。
在RelativeLayout中添加其他圆圈，设置其id为'circle2'、'circle3'...并设置其位置为上一个圆圈的底部中心，并设置一个较大的间距。
在每个圆圈中添加一个TextView，用于显示序号或其他内容。
在每个圆圈中添加一个View，用作圆圈的背景，设置其宽高相等，并设置为圆形。
在View的background属性中使用shape标签，设置为圆形，可以参考以下代码：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@color/colorPrimary" />
</shape>

最后，在每个圆圈的TextView中设置文字颜色、大小等属性，完成布局。

示例代码如下：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp">

    <View
        android:id="@+id/circle1"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_centerHorizontal="true"
        android:background="@drawable/circle_background" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/circle1"
        android:layout_alignBottom="@id/circle1"
        android:layout_centerHorizontal="true"
        android:gravity="center"
        android:text="1"
        android:textColor="@android:color/white"
        android:textSize="20sp" />

    <View
        android:id="@+id/circle2"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_below="@id/circle1"
        android:layout_marginTop="50dp"
        android:layout_alignLeft="@id/circle1"
        android:background="@drawable/circle_background" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/circle2"
        android:layout_alignBottom="@id/circle2"
        android:layout_centerHorizontal="true"
        android:gravity="center"
        android:text="2"
        android:textColor="@android:color/white"
        android:textSize="20sp" />

    <View
        android:id="@+id/circle3"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_below="@id/circle2"
        android:layout_marginTop="50dp"
        android:layout_alignLeft="@id/circle1"
        android:background="@drawable/circle_background" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/circle3"
        android:layout_alignBottom="@id/circle3"
        android:layout_centerHorizontal="true"
        android:gravity="center"
        android:text="3"
        android:textColor="@android:color/white"
        android:textSize="20sp" />

    <!-- 添加更多圆圈 -->

</RelativeLayout>