border type not working

[ttdung11t2]

border type not working

[ttdung11t2]

sorry about late response. this component doesn't have props "borderType" and I see InputText doesn't have this props too. If you want to make underline for input, you can apply some style for component. depend on your need, you can add some style on "codeInputStyle" or "containerStyle" props

[georgekuttygeorge]

@zootopia106
make the cellBorderWidth props to reasonable value like cellBorderWidth={10}

<CodeInput ref="codeinput" className="border-b" keyboardType="numeric" activeColor="black" inactiveColor="red" inputPosition='left' cellBorderWidth={10} space={10} autoFocus={true} codeLength={4} size={60} onFulfill={(code) => this.verify(code)} containerStyle={{ marginTop: 50 }} codeInputStyle={{ color: "grey", fontSize: 32 }} />

[dagostal]

thank you!

[wangxpert]

I tried to use underline border style but it's not working.

<CodeInput
ref="codeinput"
className="border-b"
keyboardType="numeric"
activeColor="white"
inactiveColor="white"
inputPosition='left'
cellBorderWidth={1}
space={10}
autoFocus={true}
codeLength={4}
size={60}
onFulfill={(code) => this.verify(code)}
containerStyle={{ marginTop: 50 }}
codeInputStyle={{ color: "white", fontSize: 32 }}
/>

This is the code i used to implement and can you please give me the solution?