react native element - removing border from your list





In your list control, you have something like this to render your list (gridbox).


    
   



This might give you a listbox with some border.

If you want to hide all those border, change your ListItem style to as follows -



<ListItem containerStyle={styles.listItemStyle}
/>



listItemStyle : {
borderBottomColor: 'transparent' , borderBottomWidth: 0
}



Then all your borders in List Item will be removed.

Comments

Synsoft Global said…
Great blog.
The details that you shared regarding React Native Application and component that you mentioned i your blog. This simple blog with the application development code will help everyone to understand about React component. I was searching for react native app development company and got his blog.
Thanks for sharing such a great blog.
September 21, 2020 at 3:46 AM
Post a Comment

Popular posts from this blog

The specified initialization vector (IV) does not match the block size for this algorithm

Image
If you're getting  exception when trying to assigned key to a symmetric key and getting error message below :- The specified initialization vector (IV) does not match the block size for this algorithm And your code probably look like something below :- Then you need to go into debug mode and start looking into the supported size for IV as shown in diagram below :- As you can see, IV is 16 bytes, so you need to provide 16 bytes. The same goes for Key field too, if you're adding anything to it. As long as you provide a valid key size, then we're good and you're code will be ready.
Read more