react-native-progress icon indicating copy to clipboard operation
react-native-progress copied to clipboard

Design of progress bar issue when use flexDirection row

Open areejmayadeh opened this issue 5 years ago • 3 comments

Design of progress bar issue when use flex-direction row with other items in same view

areejmayadeh avatar Dec 05 '19 13:12 areejmayadeh

Do you have a minimal reproduction of the issue?

oblador avatar Dec 18 '19 08:12 oblador

I place a View with flexDirection: row to show percentage aside. I configured unfilledColor={black} and the result is the:

image

Whitout flexDirection: row: image

felipejh avatar Jun 17 '21 01:06 felipejh

I found a hack where we can align Text with Progress bar in row by putting progress bar within Text tags as : <Text>Hello <Progress.Bar progress={0.5} width={100} /></Text>

OR

Simply wrap Progress Bar into another View.

SameerBhardwajj avatar Oct 29 '23 19:10 SameerBhardwajj