React Native - Как создать динамическую c пунктирную линию (выноску) между двумя словами?

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>