React Native - 如何在兩個單詞之間創建動態虛線（引線）？

Question

我在 React Native 中有一個組件，它只顯示如下信息列表：

Device: Macbook
Port: 8080
OS: Darwin

但是，我想顯示這樣的文本：

Device.........Macbook
Port..............8080
OS..............Darwin

鑒於大多數手機屏幕的尺寸可能不同，我怎樣才能實現這條虛線，使其動態符合手機的尺寸並且看起來不錯/不會溢出到<View> / flexbox中的下一行？

Answer 1

嘗試添加borderRadius 。

<View style={{
    borderStyle: 'dotted',
    borderWidth: 1,
    borderRadius: 1,
  }}>
</View>