diff --git a/Flutter/ai-assistview/right-to-left.md b/Flutter/ai-assistview/right-to-left.md index e5027e170..8e324610b 100644 --- a/Flutter/ai-assistview/right-to-left.md +++ b/Flutter/ai-assistview/right-to-left.md @@ -1,25 +1,25 @@ --- layout: post -title: Placeholder in Flutter Chat widget | Syncfusion -description: Learn here about the Right to Left(RTL) support in Syncfusion Flutter Chat (SfChat) widget and more. +title: Placeholder in Flutter AIAssistView widget | Syncfusion +description: Learn here about the RTL support in Syncfusion Flutter AIAssistView (SfAIAssistView) widget and more. platform: flutter -control: SfChat +control: SfAIAssistView documentation: ug --- -# Right To Left (RTL) in Flutter Chat (SfChat) +# Right To Left (RTL) in Flutter AIAssistView (SfAIAssistView) -Chat supports the right to left rendering for all the elements in the Chat widget. +AIAssistView supports the right to left rendering for all the elements in the AIAssistView widget. ## RTL rendering ways Right to left rendering can be switched in the following ways: -### Wrapping the SfChat with Directionality widget +### Wrapping the SfAIAssistView with Directionality widget -To change the rendering direction from right to left, you can wrap the [`SfChat`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat-class.html) widget inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property as [`TextDirection.rtl`](https://api.flutter.dev/flutter/dart-ui/TextDirection.html). +To change the rendering direction from right to left, you can wrap the [`SfAIAssistView`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/assist_view/SfAIAssistView-class.html) widget inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property as [`TextDirection.rtl`](https://api.flutter.dev/flutter/dart-ui/TextDirection.html). {% tabs %} {% highlight dart hl_lines="5" %} @@ -29,7 +29,7 @@ To change the rendering direction from right to left, you can wrap the [`SfChat` return Scaffold( body: Directionality( textDirection: TextDirection.rtl, - child: SfChat( + child: SfAIAssistView( //... ), ), @@ -40,51 +40,73 @@ To change the rendering direction from right to left, you can wrap the [`SfChat` {% endtabs %} -## RTL supported chat elements +## RTL supported AIAssistView elements ### Placeholder -Right to left (RTL) rendering is supported for the [`placeholderBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/placeholderBuilder.html) in the chat. The widget added in the placeholderBuilder will be rendered from right to left direction. But, the text widget or text entered in the widget will render from left to right direction. +Right to left (RTL) rendering is supported for the [`placeholderBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/assist_view/SfAIAssistView/placeholderBuilder.html) in the AIAssistView. The widget added in the placeholderBuilder will be rendered from right to left direction. But, the text widget or text entered in the widget will render from left to right direction. {% tabs %} -{% highlight dart hl_lines="5 9" %} - - @override - Widget build(BuildContext context) { - return Scaffold( - body: Directionality( - textDirection: TextDirection.rtl, - child: SfChat( - outgoingUser: '1010', - messages: _messages, - placeholderBuilder: (context) { - return const Center( - child: Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - SizedBox(width: 10), - Icon( - size: 30, - Icons.emoji_people_rounded, - color: Colors.red, - ), - SizedBox(width: 5), - Text( - 'Start a conversation', - style: TextStyle( - color: Colors.deepPurple, - fontSize: 16, - fontWeight: FontWeight.bold, - ), - ), - ], - ), - ); - }, - ), - ), - ); - } +{% highlight dart hl_lines="5 10" %} + + @override + Widget build(BuildContext context) { + return Scaffold( + body: Directionality( + textDirection: TextDirection.rtl, + child: Padding( + padding: const EdgeInsets.all(20.0), + child: SfAIAssistView( + messages: _messages, + placeholderBuilder: (context) { + return Column( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + const Text( + 'Ask AI Anything', + style: TextStyle( + color: Colors.deepPurple, + fontSize: 18, + fontWeight: FontWeight.bold, + ), + ), + const SizedBox(height: 20), + Row( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + OutlinedButton( + onPressed: () {}, + child: const Row( + mainAxisSize: MainAxisSize.min, + children: [ + Text('Music'), + SizedBox(width: 5), + Icon(Icons.music_note) + ], + ), + ), + const SizedBox(width: 5), + OutlinedButton( + onPressed: () {}, + child: const Row( + mainAxisSize: MainAxisSize.min, + children: [ + Text('Movies'), + SizedBox(width: 5), + Icon(Icons.movie_creation_rounded) + ], + ), + ), + ], + ), + ], + ); + }, + ), + ), + ), + ); + } {% endhighlight %} {% endtabs %} @@ -94,27 +116,27 @@ Right to left (RTL) rendering is supported for the [`placeholderBuilder`](https: ### Composer -Right to left (RTL) rendering is supported for the [`composer`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/composer.html) in the chat. Composer will be rendered from right to left direction. But, the text entered in the composer will render from the left to right in the composer. +Right to left (RTL) rendering is supported for the [`composer`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/assist_view/SfAIAssistView/composer.html) in the AIAssistView. Composer will be rendered from right to left direction. But, the text entered in the composer will render from the left to right in the composer. {% tabs %} -{% highlight dart hl_lines="5 9" %} +{% highlight dart hl_lines="5 8" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: Directionality( - textDirection: TextDirection.rtl, - child: SfChat( - outgoingUser: '1010', - messages: _messages, - composer: const ChatComposer( + @override + Widget build(BuildContext context) { + return Scaffold( + body: Directionality( + textDirection: TextDirection.rtl, + child: SfAIAssistView( + messages: _messages, + composer: const AssistComposer( decoration: InputDecoration( - hintText: 'Enter Message here', - )), + hintText: 'Ask AI anything', + ), + ), + ), ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} @@ -125,37 +147,27 @@ Right to left (RTL) rendering is supported for the [`composer`](https://pub.dev/ ### Action Button -Right to left (RTL) rendering is supported for the [`actionButton`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/actionButton.html) in the chat. Action button will be rendered from right to left direction. +Right to left (RTL) rendering is supported for the [`actionButton`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/assist_view/SfAIAssistView/actionButton.html) in the AIAssistView. Action button will be rendered from right to left direction. {% tabs %} -{% highlight dart hl_lines="5 9" %} +{% highlight dart hl_lines="5 8" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: Directionality( - textDirection: TextDirection.rtl, - child: SfChat( - outgoingUser: '1010', - messages: _messages, - actionButton: ChatActionButton( - onPressed: (value) { - setState(() { - _messages.add( - ChatMessage( - text: value, - time: DateTime.now(), - author: const ChatAuthor( - id: '1010', name: 'Johnathan wick'), - ), - ); - }); - }, + @override + Widget build(BuildContext context) { + return Scaffold( + body: Directionality( + textDirection: TextDirection.rtl, + child: SfAIAssistView( + messages: _messages, + actionButton: AssistActionButton( + onPressed: (String value) { + // Handle the send button click action here. + }, + ), ), ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} @@ -163,53 +175,69 @@ Right to left (RTL) rendering is supported for the [`actionButton`](https://pub. ![Action Button RTL](images/rtl/action_button_rtl.gif) -### Message Content +### Conversation Area -Right to left (RTL) rendering is supported for [`Messages`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) in the chat conversation area. In RTL mode, message content, header and suggestions will render the widget in right to left direction. +Right to left (RTL) rendering is supported for both [`request`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/assist_view/AssistMessage/AssistMessage.request.html) and [`response`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/assist_view/AssistMessage/AssistMessage.response.html) [`Messages`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/assist_view/SfAIAssistView/messages.html) in the AIAssistView conversation area. In RTL mode, request and response message, header and suggestions will render the widget in right to left direction. {% tabs %} -{% highlight dart hl_lines="5 8" %} - - @override - Widget build(BuildContext context) { - return Scaffold( - body: Directionality( - textDirection: TextDirection.rtl, - child: SfChat( - outgoingUser: '1010', - messages: [ - ChatMessage( - text: 'Hey, Any plans for today?', - time: DateTime.parse('2025-03-21T10:02:00Z'), - author: const ChatAuthor( - id: '1010', - name: 'Johnathan wick', - avatar: AssetImage('assets/images/People_Circle23.png'), - ), - ), - ChatMessage( - text: - "I'm thinking of watching a web series. Can you suggest some?", - time: DateTime.parse('2025-03-21T10:03:00Z'), - author: const ChatAuthor( - id: '1020', - name: 'John carter', - avatar: AssetImage('assets/images/People_Circle5.png'), - ), - suggestions: [ - const ChatMessageSuggestion(data: 'Peaky Blinders'), - const ChatMessageSuggestion(data: 'Breaking Bad'), - const ChatMessageSuggestion(data: 'Prison Break'), - const ChatMessageSuggestion(data: 'Blacklist'), - ], - ), - ], - ), - ), - ); - } +{% highlight dart %} + + final List _messages = []; + + void _generativeResponse(String data) async { + final String response = await _getAIResponse(data); + setState(() { + _messages.add( + AssistMessage.response( + data: response, + time: DateTime.now(), + suggestions: [ + const AssistMessageSuggestion(data: 'Provier'), + const AssistMessageSuggestion(data: 'Riverpoad'), + const AssistMessageSuggestion(data: 'Bloc'), + const AssistMessageSuggestion(data: 'GetX'), + ], + ), + ); + }); + } + + Future _getAIResponse(String data) async { + String response = ''; + // Connect with your preferred AI to generate a response to the request. + return response; + } + + @override + Widget build(BuildContext context) { + return Scaffold( + body: Directionality( + textDirection: TextDirection.rtl, + child: SfAIAssistView( + messages: _messages, + actionButton: AssistActionButton( + onPressed: (String data) { + if (data.trim().isNotEmpty) { + setState(() { + _messages.add( + AssistMessage.request( + data: data, + time: DateTime.now(), + author: const AssistMessageAuthor( + id: 'User ID', name: 'User name'), + ), + ); + _generativeResponse(data); + }); + } + }, + ), + ), + ), + ); + } {% endhighlight %} {% endtabs %} -![Message Content RTL](images/rtl/message_content_rtl.png) +![Message Content RTL](images/rtl/conversation_area_rtl.gif) diff --git a/Flutter/chat/conversation-area.md b/Flutter/chat/conversation-area.md index b1fec2498..ecd441b82 100644 --- a/Flutter/chat/conversation-area.md +++ b/Flutter/chat/conversation-area.md @@ -24,40 +24,40 @@ Each [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/lates {% tabs %} {% highlight dart hl_lines="5" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), - ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ], - outgoingUser: '123-001', - ), - ); - } + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + ), + ); + } {% endhighlight %} {% endtabs %} @@ -71,78 +71,78 @@ In the following example, included the user's display name additionally in the e {% tabs %} {% highlight dart hl_lines="40" %} - @override - void initState() { - super.initState(); - _messages = [ - ChatMessageExt( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', + @override + void initState() { + super.initState(); + _messages = [ + ChatMessageExt( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + displayName: 'JD', ), - displayName: 'JD', - ), - ChatMessageExt( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', + ChatMessageExt( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + displayName: 'JS', ), - displayName: 'JS', - ), - ChatMessageExt( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', + ChatMessageExt( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + displayName: 'JD', ), - displayName: 'JD', - ), - ]; - } - - @override - Widget build(BuildContext context) { - return MaterialApp( - home: Scaffold( - body: SfChat( - messages: _messages, - outgoingUser: '123-001', - messageAvatarBuilder: (context, index, message) { - if (message is ChatMessageExt) { - return CircleAvatar( - radius: 20, - child: Text( - message.author.name.isNotEmpty - ? message.displayName - : '?', - style: const TextStyle( - color: Colors.black87, - fontWeight: FontWeight.bold, + ]; + } + + @override + Widget build(BuildContext context) { + return MaterialApp( + home: Scaffold( + body: SfChat( + messages: _messages, + outgoingUser: '123-001', + messageAvatarBuilder: (context, index, message) { + if (message is ChatMessageExt) { + return CircleAvatar( + radius: 20, + child: Text( + message.author.name.isNotEmpty + ? message.displayName + : '?', + style: const TextStyle( + color: Colors.black87, + fontWeight: FontWeight.bold, + ), ), - ), - ); - } - return Container(); - }, + ); + } + return Container(); + }, + ), ), - ), - ); - } - - class ChatMessageExt extends ChatMessage { - const ChatMessageExt({ - required super.text, - required super.time, - required super.author, - required this.displayName, - }); - final String displayName; - } + ); + } + + class ChatMessageExt extends ChatMessage { + const ChatMessageExt({ + required super.text, + required super.time, + required super.author, + required this.displayName, + }); + final String displayName; + } {% endhighlight %} {% endtabs %} @@ -156,37 +156,37 @@ The [`Suggestions`](https://pub.dev/documentation/syncfusion_flutter_chat/latest {% tabs %} {% highlight dart hl_lines="21" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ChatMessage( - text: 'Good! Just relaxing. How are you?', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), - suggestions: [ - const ChatMessageSuggestion(data: 'All good!'), - const ChatMessageSuggestion(data: 'Doing well!'), - const ChatMessageSuggestion(data: 'I\'m Fine'), - ], - ), - ], - outgoingUser: '123-001', - ), - ); - } + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing. How are you?', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + suggestions: [ + const ChatMessageSuggestion(data: 'All good!'), + const ChatMessageSuggestion(data: 'Doing well!'), + const ChatMessageSuggestion(data: 'I\'m Fine'), + ], + ), + ], + outgoingUser: '123-001', + ), + ); + } {% endhighlight %} {% endtabs %} @@ -202,43 +202,43 @@ The name may be repeated within the group, but the ID is unique to each user. {% tabs %} {% highlight dart hl_lines="34" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - avatar: NetworkImage('https://randomuser.me/api/portraits/men/1.jpg'), - ), - ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - avatar: NetworkImage('https://randomuser.me/api/portraits/women/1.jpg'), - ), - ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-003', - name: 'John Doe', - avatar: NetworkImage('https://randomuser.me/api/portraits/men/4.jpg'), - ), - ), - ], - outgoingUser: '123-001', - ), - ); - } + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + avatar: NetworkImage('https://randomuser.me/api/portraits/men/1.jpg'), + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + avatar: NetworkImage('https://randomuser.me/api/portraits/women/1.jpg'), + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-003', + name: 'John Doe', + avatar: NetworkImage('https://randomuser.me/api/portraits/men/4.jpg'), + ), + ), + ], + outgoingUser: '123-001', + ), + ); + } {% endhighlight %} {% endtabs %} @@ -266,46 +266,46 @@ The [`timestampFormat`](https://pub.dev/documentation/syncfusion_flutter_chat/la {% tabs %} {% highlight dart hl_lines="33 36" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + incomingMessageSettings: ChatMessageSettings( + timestampFormat: DateFormat('MMM d, h:mm a'), ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), + outgoingMessageSettings: ChatMessageSettings( + timestampFormat: DateFormat('h:mm a'), ), - ], - outgoingUser: '123-001', - incomingMessageSettings: ChatMessageSettings( - timestampFormat: DateFormat('MMM d, h:mm a'), - ), - outgoingMessageSettings: ChatMessageSettings( - timestampFormat: DateFormat('h:mm a'), ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} @@ -319,46 +319,46 @@ The [`showAuthorAvatar`](https://pub.dev/documentation/syncfusion_flutter_chat/l {% tabs %} {% highlight dart hl_lines="33 36" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + incomingMessageSettings: const ChatMessageSettings( + showAuthorAvatar: true, ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), + outgoingMessageSettings: const ChatMessageSettings( + showAuthorAvatar: false, ), - ], - outgoingUser: '123-001', - incomingMessageSettings: const ChatMessageSettings( - showAuthorAvatar: true, ), - outgoingMessageSettings: const ChatMessageSettings( - showAuthorAvatar: false, - ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} @@ -380,46 +380,46 @@ The [`backgroundColor`](https://pub.dev/documentation/syncfusion_flutter_chat/la {% tabs %} {% highlight dart hl_lines="33 36" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + incomingMessageSettings: const ChatMessageSettings( + backgroundColor: Color(0xFFE1F5FE), ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), + outgoingMessageSettings: const ChatMessageSettings( + backgroundColor: Color(0xFFF1F8E9), ), - ], - outgoingUser: '123-001', - incomingMessageSettings: const ChatMessageSettings( - backgroundColor: Color(0xFFE1F5FE), ), - outgoingMessageSettings: const ChatMessageSettings( - backgroundColor: Color(0xFFF1F8E9), - ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} @@ -433,50 +433,50 @@ The [`shape`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ {% tabs %} {% highlight dart hl_lines="33 38" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + incomingMessageSettings: const ChatMessageSettings( + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.all(Radius.circular(5)), ), ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', + outgoingMessageSettings: const ChatMessageSettings( + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.all(Radius.circular(10)), ), ), - ], - outgoingUser: '123-001', - incomingMessageSettings: const ChatMessageSettings( - shape: RoundedRectangleBorder( - borderRadius: BorderRadius.all(Radius.circular(5)), - ), ), - outgoingMessageSettings: const ChatMessageSettings( - shape: RoundedRectangleBorder( - borderRadius: BorderRadius.all(Radius.circular(10)), - ), - ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} @@ -486,109 +486,105 @@ The [`shape`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ ### Width factor The [`widthFactor`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessageSettings/widthFactor.html) property is used to define the width factor of the message relative to available width. The width value should be between 0 and 1. Default value is `0.8`. -<<<<<<< HEAD:Flutter/chat/message-content.md -======= {% tabs %} {% highlight dart hl_lines="33 36" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + incomingMessageSettings: const ChatMessageSettings( + widthFactor: 0.9, ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), + outgoingMessageSettings: const ChatMessageSettings( + widthFactor: 0.7, ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ], - outgoingUser: '123-001', - incomingMessageSettings: const ChatMessageSettings( - widthFactor: 0.9, - ), - outgoingMessageSettings: const ChatMessageSettings( - widthFactor: 0.7, ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} ->>>>>>> a8966153b29296c2deef35c51ed9441797ee2cb6:Flutter/chat/conversation-area.md ### Avatar size The [`avatarSize`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessageSettings/avatarSize.html) property is used to specify the size of the author's avatar in the message. Defaults to `Size.square(32.0)`. -<<<<<<< HEAD:Flutter/chat/message-content.md ### Margin The [`margin`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessageSettings/margin.html) property is used to define the space inside the message between the border and content. Defaults to `EdgeInsets.all(2.0)`. -======= + {% tabs %} {% highlight dart hl_lines="33 36" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + incomingMessageSettings: const ChatMessageSettings( + avatarSize: const Size.square(35.0), ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), + outgoingMessageSettings: const ChatMessageSettings( + avatarSize: const Size.square(35.0), ), - ], - outgoingUser: '123-001', - incomingMessageSettings: const ChatMessageSettings( - avatarSize: const Size.square(35.0), - ), - outgoingMessageSettings: const ChatMessageSettings( - avatarSize: const Size.square(35.0), ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} @@ -600,270 +596,257 @@ The [`margin`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat {% tabs %} {% highlight dart hl_lines="33 36" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + incomingMessageSettings: const ChatMessageSettings( + margin: const EdgeInsets.all(4.0), ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), + outgoingMessageSettings: const ChatMessageSettings( + margin: const EdgeInsets.all(4.0), ), - ], - outgoingUser: '123-001', - incomingMessageSettings: const ChatMessageSettings( - margin: const EdgeInsets.all(4.0), ), - outgoingMessageSettings: const ChatMessageSettings( - margin: const EdgeInsets.all(4.0), - ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} ->>>>>>> a8966153b29296c2deef35c51ed9441797ee2cb6:Flutter/chat/conversation-area.md ### Padding The [`padding`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessageSettings/padding.html) property is used to specify the padding within the content area of the message, controlling spacing around the text. Defaults to `EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0)`. -<<<<<<< HEAD:Flutter/chat/message-content.md -======= {% tabs %} {% highlight dart hl_lines="33 34 37 38" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + incomingMessageSettings: const ChatMessageSettings( + padding: + const EdgeInsets.symmetric(horizontal: 18.0, vertical: 10.0), ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), + outgoingMessageSettings: const ChatMessageSettings( + padding: + const EdgeInsets.symmetric(horizontal: 18.0, vertical: 10.0), ), - ], - outgoingUser: '123-001', - incomingMessageSettings: const ChatMessageSettings( - padding: - const EdgeInsets.symmetric(horizontal: 18.0, vertical: 10.0), ), - outgoingMessageSettings: const ChatMessageSettings( - padding: - const EdgeInsets.symmetric(horizontal: 18.0, vertical: 10.0), - ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} ->>>>>>> a8966153b29296c2deef35c51ed9441797ee2cb6:Flutter/chat/conversation-area.md ### Avatar padding The [`avatarPadding`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessageSettings/avatarPadding.html) property is used to define the padding around the author's avatar within the message. -<<<<<<< HEAD:Flutter/chat/message-content.md -======= {% tabs %} {% highlight dart hl_lines="33 36" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + incomingMessageSettings: const ChatMessageSettings( + avatarPadding: const EdgeInsets.all(4.0), ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), + outgoingMessageSettings: const ChatMessageSettings( + avatarPadding: const EdgeInsets.all(4.0), ), - ], - outgoingUser: '123-001', - incomingMessageSettings: const ChatMessageSettings( - avatarPadding: const EdgeInsets.all(4.0), - ), - outgoingMessageSettings: const ChatMessageSettings( - avatarPadding: const EdgeInsets.all(4.0), ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} ->>>>>>> a8966153b29296c2deef35c51ed9441797ee2cb6:Flutter/chat/conversation-area.md ### Header padding The [`headerPadding`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessageSettings/headerPadding.html) property is used to specify the padding around the header section of the message, including the username and timestamp. Defaults to `EdgeInsetsDirectional.only(top: 14.0, bottom: 4.0)`. -<<<<<<< HEAD:Flutter/chat/message-content.md -======= {% tabs %} {% highlight dart hl_lines="33 34 37 38" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + incomingMessageSettings: const ChatMessageSettings( + headerPadding: + const EdgeInsetsDirectional.only(top: 14.0, bottom: 4.0), ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), + outgoingMessageSettings: const ChatMessageSettings( + headerPadding: + const EdgeInsetsDirectional.only(top: 14.0, bottom: 4.0), ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ], - outgoingUser: '123-001', - incomingMessageSettings: const ChatMessageSettings( - headerPadding: - const EdgeInsetsDirectional.only(top: 14.0, bottom: 4.0), - ), - outgoingMessageSettings: const ChatMessageSettings( - headerPadding: - const EdgeInsetsDirectional.only(top: 14.0, bottom: 4.0), ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} ->>>>>>> a8966153b29296c2deef35c51ed9441797ee2cb6:Flutter/chat/conversation-area.md ### Footer padding The [`footerPadding`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessageSettings/footerPadding.html) property is used to define the padding around the footer section of the message. Defaults to `EdgeInsetsDirectional.only(top: 4.0)`. -<<<<<<< HEAD:Flutter/chat/message-content.md -======= {% tabs %} {% highlight dart hl_lines="33 36" %} - @override - Widget build(BuildContext context) { - return Scaffold( - body: SfChat( - messages: [ - ChatMessage( - text: 'Hi! How’s your day?', - time: DateTime(2024, 08, 07, 9, 0), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), - ), - ChatMessage( - text: 'Good! Just relaxing.', - time: DateTime(2024, 08, 07, 9, 5), - author: const ChatAuthor( - id: '123-002', - name: 'Jane Smith', - ), + @override + Widget build(BuildContext context) { + return Scaffold( + body: SfChat( + messages: [ + ChatMessage( + text: 'Hi! How’s your day?', + time: DateTime(2024, 08, 07, 9, 0), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ChatMessage( + text: 'Good! Just relaxing.', + time: DateTime(2024, 08, 07, 9, 5), + author: const ChatAuthor( + id: '123-002', + name: 'Jane Smith', + ), + ), + ChatMessage( + text: 'Any plans later?', + time: DateTime(2024, 08, 07, 9, 10), + author: const ChatAuthor( + id: '123-001', + name: 'John Doe', + ), + ), + ], + outgoingUser: '123-001', + incomingMessageSettings: const ChatMessageSettings( + footerPadding: const EdgeInsetsDirectional.only(top: 4.0), ), - ChatMessage( - text: 'Any plans later?', - time: DateTime(2024, 08, 07, 9, 10), - author: const ChatAuthor( - id: '123-001', - name: 'John Doe', - ), + outgoingMessageSettings: const ChatMessageSettings( + footerPadding: const EdgeInsetsDirectional.only(top: 4.0), ), - ], - outgoingUser: '123-001', - incomingMessageSettings: const ChatMessageSettings( - footerPadding: const EdgeInsetsDirectional.only(top: 4.0), - ), - outgoingMessageSettings: const ChatMessageSettings( - footerPadding: const EdgeInsetsDirectional.only(top: 4.0), ), - ), - ); - } + ); + } {% endhighlight %} {% endtabs %} ->>>>>>> a8966153b29296c2deef35c51ed9441797ee2cb6:Flutter/chat/conversation-area.md >You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects. diff --git a/Flutter/installation/mac-installer/images/start-trial-download-offline-installer.png b/Flutter/installation/mac-installer/images/start-trial-download-offline-installer.png index b46116121..92f4da641 100644 Binary files a/Flutter/installation/mac-installer/images/start-trial-download-offline-installer.png and b/Flutter/installation/mac-installer/images/start-trial-download-offline-installer.png differ diff --git a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img1.png b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img1.png index eca4d1f1e..f36058a2a 100644 Binary files a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img1.png and b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img1.png differ diff --git a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img10.png b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img10.png index 27241a45f..7180b80c3 100644 Binary files a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img10.png and b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img10.png differ diff --git a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img2.png b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img2.png index 4bea23111..3ac3d1f68 100644 Binary files a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img2.png and b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img2.png differ diff --git a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img3.png b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img3.png index efb7cf01b..d5acb4215 100644 Binary files a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img3.png and b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img3.png differ diff --git a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img4.png b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img4.png index 6d400f6e6..0d8565ed3 100644 Binary files a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img4.png and b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img4.png differ diff --git a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img5.png b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img5.png index 175d46945..596a64c1b 100644 Binary files a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img5.png and b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img5.png differ diff --git a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img7.png b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img7.png index 227cf6c20..cbb21edb2 100644 Binary files a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img7.png and b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img7.png differ diff --git a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img9.png b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img9.png index 8201c016f..44376f543 100644 Binary files a/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img9.png and b/Flutter/installation/offline-installer/images/Step-by-Step-Installation_img9.png differ diff --git a/Flutter/installation/offline-installer/images/start-trial-download-offline-installer.png b/Flutter/installation/offline-installer/images/start-trial-download-offline-installer.png index b8a8a4316..8aa0ae49a 100644 Binary files a/Flutter/installation/offline-installer/images/start-trial-download-offline-installer.png and b/Flutter/installation/offline-installer/images/start-trial-download-offline-installer.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img1.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img1.png index 5415185c4..9b628e370 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img1.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img1.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img10.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img10.png index ee5e2ab9e..215b10d01 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img10.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img10.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img11.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img11.png index c5b38977c..949347a95 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img11.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img11.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img12.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img12.png index d747eb456..4d06f90b0 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img12.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img12.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img13.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img13.png index 9a2c39aab..fad995797 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img13.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img13.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img14.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img14.png index 93530f70a..698619df6 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img14.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img14.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img15.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img15.png index a0f096527..cd6ce86fd 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img15.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img15.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img16.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img16.png index 46f48c2c0..fac8aa7bc 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img16.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img16.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img17.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img17.png index 41a4fa8aa..68797f9df 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img17.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img17.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img18.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img18.png index 5817b5726..917bbaebc 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img18.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img18.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img19.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img19.png index 7856c152a..237b376e9 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img19.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img19.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img2.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img2.png index 94db711e5..d3ace57fa 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img2.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img2.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img20.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img20.png index 60409c2a1..612dc1bef 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img20.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img20.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img23.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img23.png index d182450b3..fac8aa7bc 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img23.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img23.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img24.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img24.png index 8698199aa..90d496e5c 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img24.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img24.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img25.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img25.png index f42bea4ba..612dc1bef 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img25.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img25.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img26.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img26.png index 60409c2a1..612dc1bef 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img26.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img26.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img3.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img3.png index 8698199aa..90d496e5c 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img3.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img3.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img4.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img4.png index f42bea4ba..cc513aa39 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img4.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img4.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img5.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img5.png index 3326c174c..43276da4d 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img5.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img5.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img6.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img6.png index e3d4a0815..8a2cc5fc7 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img6.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img6.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img7.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img7.png index 9d1997b86..70a5357ef 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img7.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img7.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img8.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img8.png index d182450b3..fac8aa7bc 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img8.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img8.png differ diff --git a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img9.png b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img9.png index c520074ed..1a055d824 100644 Binary files a/Flutter/installation/web-installer/images/Step-by-Step-Installation_img9.png and b/Flutter/installation/web-installer/images/Step-by-Step-Installation_img9.png differ diff --git a/Flutter/installation/web-installer/images/start-trial-download-web-installer.png b/Flutter/installation/web-installer/images/start-trial-download-web-installer.png index 2cc53a7a4..710707d08 100644 Binary files a/Flutter/installation/web-installer/images/start-trial-download-web-installer.png and b/Flutter/installation/web-installer/images/start-trial-download-web-installer.png differ diff --git a/flutter-toc.html b/flutter-toc.html index f5acfabdc..15b4dbd89 100644 --- a/flutter-toc.html +++ b/flutter-toc.html @@ -109,7 +109,7 @@
  • Action Button
  • Conversation Area
  • Theme
    • -
  • Right to Left (RTL)
    • +
  • Right to Left (RTL)
  • How to
    • @@ -675,4 +675,4 @@ - \ No newline at end of file +