I need bubble to use the max device screen width，please

[theBigGavin]

非常感谢作者大大提供这么精美的对话控件，大大简化了我的APP开发。

Is your feature request related to a problem?

我在开发一个AI对话APP，大量的AI回复内容需要使用Markdown表现，其中带有一些表格。为了避免移动设备端的用户需要左右滑动才能够看全表格内容，我使用了 react-native-markdown-display ，利用了其将表格渲染为容器的宽度，而不是渲染为带有水平滚动条的表格。
但是如果bubble的宽度不能有效利用屏幕的宽度，那么这个表格显示的非常狭窄，用户体验并不好。（如下图所示）

What solution would you suggest?

我希望达到的效果如下图所示

Is there any additional solution to that?

目前，我通过调整 react-native-chat-ui/lib/components/Message/styles.js 中的设置实现了效果，但是这种打补丁的方法不够优雅，我希望未来的版本中能够提供实现这种效果的功能。

Code snippets 📝
If applicable, add code samples to help explain your feature.

diff --git a/node_modules/@flyerhq/react-native-chat-ui/lib/components/Message/styles.js b/node_modules/@flyerhq/react-native-chat-ui/lib/components/Message/styles.js
index 951a4c6..43f4be7 100644
--- a/node_modules/@flyerhq/react-native-chat-ui/lib/components/Message/styles.js
+++ b/node_modules/@flyerhq/react-native-chat-ui/lib/components/Message/styles.js
@@ -1,39 +1,40 @@
 import { StyleSheet } from 'react-native';
 const styles = ({ currentUserIsAuthor, message, messageWidth, roundBorder, theme, }) => StyleSheet.create({
-    container: {
-        alignItems: 'flex-end',
-        alignSelf: currentUserIsAuthor ? 'flex-end' : 'flex-start',
-        justifyContent: !currentUserIsAuthor ? 'flex-end' : 'flex-start',
-        flex: 1,
-        flexDirection: 'row',
-        marginBottom: message.type === 'dateHeader' ? 0 : 4 + message.offset,
-        marginLeft: 20,
-    },
-    contentContainer: {
-        backgroundColor: !currentUserIsAuthor || message.type === 'image'
-            ? theme.colors.secondary
-            : theme.colors.primary,
-        borderBottomLeftRadius: currentUserIsAuthor || roundBorder
-            ? theme.borders.messageBorderRadius
-            : 0,
-        borderBottomRightRadius: currentUserIsAuthor
-            ? roundBorder
-                ? theme.borders.messageBorderRadius
-                : 0
-            : theme.borders.messageBorderRadius,
-        borderColor: 'transparent',
-        borderRadius: theme.borders.messageBorderRadius,
-        overflow: 'hidden',
-    },
-    dateHeader: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        marginBottom: 32,
-        marginTop: 16,
-    },
-    pressable: {
-        maxWidth: messageWidth,
-    },
+  container: {
+    alignItems: 'flex-end',
+    alignSelf: currentUserIsAuthor ? 'flex-end' : 'flex-start',
+    justifyContent: !currentUserIsAuthor ? 'flex-end' : 'flex-start',
+    flex: 1,
+    flexDirection: 'row',
+    marginBottom: message.type === 'dateHeader' ? 0 : 4 + message.offset,
+    marginLeft: 20,
+    marginRight: currentUserIsAuthor ? 0 : 20, // Added dynamic right margin
+  },
+  contentContainer: {
+    backgroundColor: !currentUserIsAuthor || message.type === 'image'
+      ? theme.colors.secondary
+      : theme.colors.primary,
+    borderBottomLeftRadius: currentUserIsAuthor || roundBorder
+      ? theme.borders.messageBorderRadius
+      : 0,
+    borderBottomRightRadius: currentUserIsAuthor
+      ? roundBorder
+        ? theme.borders.messageBorderRadius
+        : 0
+      : theme.borders.messageBorderRadius,
+    borderColor: 'transparent',
+    borderRadius: theme.borders.messageBorderRadius,
+    overflow: 'hidden',
+  },
+  dateHeader: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: 32,
+    marginTop: 16,
+  },
+  pressable: {
+    // maxWidth: messageWidth, // Removed library constraint to allow bubble wrapper to expand
+  },
 });
 export default styles;
 //# sourceMappingURL=styles.js.map
\ No newline at end of file

Related issues/PRs

目前我没有看到有相关的issues

[demchenkoalex]

Hello!

I will be re-writing this package from scratch and as of right now it is quite outdated. For the time being, I recommend forking and changing whatever you need.

[cfbadr]

Hey @demchenkoalex any update on the rewrite ? 🤩

[demchenkoalex]

Hey! Yes, I recently finished Flutter and have someone to help with React Native as well, so starting soon 🔜

[shamxeed]

Hello @demchenkoalex, any update about the rewrite? Thanks!!

[demchenkoalex]

Hey! I do have something almost ready, so maybe following weeks first beta and we will go from there

[shamxeed]

That's really exciting. Can't wait for the release!! Good luck and more energy to you! 🙏

…

On Wed, Jul 2, 2025, 9:18 PM Alex ***@***.***> wrote: *demchenkoalex* left a comment (flyerhq/react-native-chat-ui#96) <#96 (comment)> Hey! I do have something almost ready, so maybe following weeks first beta and we will go from there — Reply to this email directly, view it on GitHub <#96 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ANYK2OVRC7UXPUGCVCVBWLT3GQ5BJAVCNFSM6AAAAAB3A6QDTGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTAMRZGIYDOOBRG4> . You are receiving this because you commented.Message ID: ***@***.***>

[cfbadr]

The same here! 🔥

[shamxeed]

Hello, I don't mean to disturb, but two weeks have already passed. I hope you're still on it. Thanks! @demchenkoalex

[demchenkoalex]

Hey! Yes, we released a new landing page https://flyer.chat and next up is react native. Keep in mind though that this will be very early release, so I can not guarantee all features availability etc - it is full re-write from scratch.

[shamxeed]

Already loving it man. 🤝🫡

…

On Thu, Jul 17, 2025, 7:12 AM Alex ***@***.***> wrote: *demchenkoalex* left a comment (flyerhq/react-native-chat-ui#96) <#96 (comment)> Hey! Yes, we released a new landing page https://flyer.chat and next up is react native. Keep in mind though that this will be very early release, so I can not guarantee all features availability etc - it is full re-write from scratch. — Reply to this email directly, view it on GitHub <#96 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ANYK2OQWBAWPNIYLHZ6TJTT3I45FZAVCNFSM6AAAAAB3A6QDTGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTAOBSG4YTENZTGA> . You are receiving this because you commented.Message ID: ***@***.***>

[shamxeed]

Hello, Happy new month everyone here.
@demchenkoalex Any update? Thanks 🙏

[demchenkoalex]

We are working in a different repo and I think the only thing left for alpha is setting up tsup correctly, which I am working on right now, then we will merge it here.

[shamxeed]

Great to hear that the alpha is almost here. Please don't forget to inform us once it's out.

[demchenkoalex]

you will notice :)