I want to place Time next to Bubble without any margins.

[inumaruseiya]

Issue Description

I have written the code like this in renderBubble, but there are margins as shown in the image.

Steps to Reproduce / Code Snippets

<View style={styles.incomingContainer}> <Bubble {...props} containerStyle={{right:{ justifyContent:'flex-end',borderColor:'red',borderWidth:1,}}} renderTime={() => null} /> {renderTime(props)} </View>

Expected Results

Additional Information

• Nodejs version: [FILL THIS OUT]
• React version: [FILL THIS OUT]
• React Native version: [FILL THIS OUT]
• react-native-gifted-chat version: [FILL THIS OUT]
• Platform(s) (iOS, Android, or both?): [FILL THIS OUT]
• TypeScript version: [FILL THIS OUT]

[fukemy]

show the incomingContainer styles, and check default styles of Time

[inumaruseiya]

incomingContainer: { flexDirection: 'row', alignItems: 'flex-end', },

`<Time
{...props}
timeTextStyle={{
left: {
fontSize: 10,
color: '#808080',

        },
        right: {
          fontSize: 10,
          color: '#808080',
          
        },
      }}`

[fukemy]

you can put renderTime inside a View with styles: alignItems: flex-start