Allow to set message padding

[scaraux]

stream-chat-react-native/package/src/components/MessageList/MessageList.tsx

Line 86 in c64a6d5

paddingHorizontal: 8,

It's currently impossible to style the messagePadding through the theme. What if we want to set a padding lesser than 8 pixels ? I'd like this to be configurable.

[khushal87]

Hey @scaraux, thanks for pointing it out. You are correct that, currently, there's no direct way of customizing the property. But to help you with this, the messagePadding property is passed to MessageSystem and Message. So, for MessageSystem you can use the following to customize the padding:

theme: {messageList:{messageSystem:{container:{padding:5}}}}

For Message, I think you will have to customize the component to achieve it. You can have a look into the implementation of the Message/MessageSimple component and use the property to improve the padding.

We will try to add the property to the theme in the future. Thanks for pointing it out. 😄

[stream-ci-bot]

🎉 This issue has been resolved in version 5.18.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀