Bar width property

[Crysp]

To set full width i need to pass null but declaration accept only numbers

[15520065]

try delete justifyContent: 'center' or alignItems: 'center' in the wrapper view. It's work for me

[nghiatv]

               <Progress.Bar
                style={{width: underfined}}
                progress={this.state.progress}
                indeterminate={false}
                height={2}
                borderRadius={0}
              />

Its work for me

[MGeuecke]

Having the same issue. Both above mentioned answers does not work for me. (undefined is doing nothing?)

Passing null works fine and is the way to go according to the documentation. Problem: It is only typed to numbers and undefined.

To make it work I am using // @ts-ignore currently. But I do not like to be in need of using this. Can you please fix the typing of this?

[ahmadsyamim]

I'm using

import {Dimensions} from "react-native";
import ProgressBar from "react-native-progress/Bar";
const barWidth = Dimensions.get("screen").width;
<ProgressBar progress={0.1} width={barWidth} height={2} borderRadius={0}/>

[thanhluantl2304]

I'm using

import {Dimensions} from "react-native";
import ProgressBar from "react-native-progress/Bar";
const barWidth = Dimensions.get("screen").width;
<ProgressBar progress={0.1} width={barWidth} height={2} borderRadius={0}/>

It's not really true if you rotate the device screen @@