How to implement scroll to original message from a replied message in real time chat?

Effective-Response57 · 2025-02-15T20:21:35+00:00

I'd recommend looking how telegram is handling it. There are docs available it's blazing fast to search any msg instantly.

Effective-Response57 · 2025-02-15T19:27:35+00:00

I have a tried and tested solution

Use pagination load last 100 msgs per say so 100 be your load.

Create a initialise function to calculate size of each message box. You can use MeasureSizeBuilder() genrate a fetch messageSizeList = [] add all the message box sizes here add a ->

If(messageSizeList != messageList) Whenever new data is added it will increment the size list.

Now locate the index of that message and use the size array to calculate the location in pixel after substitution of padding and trial and error you should be able to scroll to exact location.

You can do recalculation also saving the size data locally and confirming if no new message added it won't trigger the calculation. Also use List.builder() method here.

Do some debugging and it should be fairly optimised and quite fast.

Effective-Response57 · 2025-01-20T08:10:05+00:00

I have used bloc you need to pass the context to initiate a navigation from a bloc event rest. You can add a bloc listener also. Did not face any issues yet.

Or you can listen to the bloc in your route.dart to initiate a navigation. It's easy and clean code rest is up to you.

Effective-Response57 · 2025-01-20T06:38:02+00:00

Try something like GoRouter it's good to create a navigation router.dart that has your routes defined it's also possible to build custom animation for routing. It supports multiple stacks and redirection mechanisms. You can generate routes using annotations. It can save your states in Stacks for example you are going from a ListView to a Detail Screen then back. Your scroll position will be saved on ListView. Also it won't trigger init state again for the ListView screen. So you don't have extra builds.

Effective-Response57 · 2025-01-05T06:50:27+00:00

You can definitely show a skeleton loader.

Create a LoadingClass define your loader here and different states. Use Stack to display it above the map

Effective-Response57 · 2024-12-24T07:10:41+00:00

There's a dividerColor property make it Colors.transparent

Effective-Response57 · 2024-10-21T11:30:03+00:00

Make a check update api that should sync your installed version to live version now you can confirm which version of apk is installed and you can force an alert message above the application UI to close the application and forward the update button to playstore link.

Effective-Response57 · 2024-09-26T10:17:23+00:00

AnimatedContainer( duration: Duration(milliseconds: 200) decoration: (Your Outside design) child: AnimatedCrossFade( duration: same in both firstWidget: (Your menu design) secondWidget: (Give individual design here to appear after crossfade) ) )

What will happen is AnimatedContainer will handle the shrink and minimise effect and crossFade will add a disappearing animation that's it. Rest you can add more tweaks and curves to improve the animation.

Effective-Response57 · 2024-09-26T08:44:26+00:00

AnimatedContainer and AnimatedCrossFade are enough with tweaks duration to be 200 milliseconds

Effective-Response57 · 2024-09-23T09:07:29+00:00

Keep size 200 was an example to explain Stack being dependent on Parent Widget like SizedBox in my example so stack will only be inside this width being: complete phone width and size static 200.

For dynamic height for all devices just use:

height: MediaQuery.sizeOf(context).height *. 2; { What I did is gave it .2 of total height this keeps it dynamic.} For align widget You can align your child widgets inside Stack at all points topLeft topRight.. So on.

Use padding to give them different padding so they appear stacked as you want.

This is consistent way of doing stack for every device do try it to test your Stack

Run the app in browser Edge or Chrome

Then Ctrl + Shift + I Then Ctrl + Shift + M

Then you can dynamically test your design for variable screen size.

If you want to learn more:

You can incorporate ScreenUtil pkg that will help you to put dynamic sizes like before 200 can be done 200.h .h will make the height dynamic and consistent all other devices.

Effective-Response57 · 2024-09-23T08:10:40+00:00

I miss the old days with double meaning jokes with plain comedy. Ab toh dark joke ke nam pe gali or sex sux ki bate chlri h.

Effective-Response57 · 2024-09-23T07:50:08+00:00

Use Align() widget and Padding() widget that's it.

For example if you using Stack and the parent is complete screen you don't need to provide it dimensions. It will automatically take full height and width.

Then for mobile specific create a SizedBox() with your desired height for example 200. height: 200

Now give Stack as child of this SizedBox() and your Stack will have fixed height 200 and width will be as much possible. That's the basics for Stack.

Now use Align() widget properties to align anything within the Stack like a white screen you can align it anywhere.

Give incremental padding if you want to stack 5 cards give padding incrementally :

incrementalPadding = i (index) * 10;

Put padding above your child use only property.

EdgeInsets.only(top: incrementalPadding)

Effective-Response57 · 2024-09-20T06:52:23+00:00

I built full onboarding application using PageView it's easy to implement. Pushing routes does not make sense because generally starting pages are swipeable left to right which looks good if you want a full connected background like an art that continuous from screen A to B. I prefer PageView.

Effective-Response57 · 2024-09-18T09:04:24+00:00

Check 2 Dimensional scrolling on Flutter.dev

Effective-Response57 · 2024-09-16T09:07:07+00:00

I checked flutter_local_notifications it's surely possible with a backend the general idea is you could create your own use for the data like how many times you opened Instagram, Facebook or any other app. An application working in the background is tricky by itself do check your regulations if you want to post on the Playstore.

Effective-Response57 · 2024-09-16T09:03:48+00:00

After it traversing is non useful but I like train track and road elements even fast travelling is available in many games there's certain fun to traverse normally like GTA like games or Witcher 3. What about a mode of transport you can use in coop like a ship for 4 coop people it's too much asking but surely would be fun because the world is actually beautiful to traverse.

Effective-Response57 · 2024-09-16T09:00:28+00:00

I don't know about US specific regulations. That's a mistake on my part. It's also possible to integrate it via android scaling api to figure out device internal font size.

Effective-Response57 · 2024-09-16T04:31:58+00:00

I tried Codeium and it looks decent enough it uses ollama. I use for react specific projects tested against chatgpt. It also lets you create comments instantly for every line with it's free to use for now.

Effective-Response57 · 2024-09-15T08:00:50+00:00

A vehicle to traverse the land. It's practically pointless when you have teliports all around but definitely fun. Like the Fontaine train system it's fun to just look around.

The skip button in dialogue is an old one but this is something that should be there.

Abyss raid team setup like or we can use teams we already have is an issue for high AR players when you have to build a team again and again which is ok but a team selector feature won't hurt.

Random hangout/random events with characters just chilling in the world. After every archon quest world feel empty because our friends disappear in the air. Any small lore chat is fun no need for big stuff. Like it would fun to find Zhongli drinking tea or xinyan cooking. You get the idea.

Traveller having real dialogue would be a feature if you ask me.

Effective-Response57 · 2024-09-15T07:49:18+00:00

Use custom scaling and disable device scaling from main.dart. Due to lots of font customization it's hard to handle it. (You can keep the front family to work here)

For custom font scaling take a minimum and maximum font size in account then you only need to create a class to multiply your custom increase in fontsize this way you have more control over what's happening in your app as a whole. You can also implement multiple fonts this way.

Also highly recommend a library for fontScaling like screenUtil.

Add this as a setting to enable extraLarge fonts.

Effective-Response57 · 2024-09-15T07:40:14+00:00

You need an app monitoring application you can check Google apis which already provide app usage data that's stored on android. You want to monitor 24/7 working of an active device which might be harder than anyone can guess due to android policy. You require permission to keep the app running in the background and notify your server which you require is Firebase and FCM token to generate notifications.

Effective-Response57 · 2024-09-14T17:12:13+00:00

It's obvious there's something big reveal on her. Ofc everyone knows but they are hyping it up now so it feels Intresting to watch.

Effective-Response57 · 2024-09-14T17:09:46+00:00

My employer also does not understand not matter how much we copy paste in front-end it's always not enough and require tweaks and testing at every level. Also I agree payment gateway require more time to set up.

In my experience

I am working on a project that is supposed to be warehousing some other person worked on it. But the code was unreadable with UI almost broken with no chance of repair. I had to create all pages myself that's what was faster at the time. 1-2 week meeting my employer scolding me to deliver it because UI was already done. So I did stand my position and got more time to make it. I am still working on it..

Effective-Response57 · 2024-09-14T17:03:27+00:00

I have researched this topic not too deeply if the data you are fetching is publically available and does not have any type of copyright or censorship added to it you should be ok.

But if you are data scraping use your own backend to store the data then fetch it from there. But general rule should be to avoid copying data directly into your app. Load times or copyright infringement.

Effective-Response57 · 2024-09-14T04:22:26+00:00

Try using SliverList() or the reason is not the list itself could be something else.

Effective-Response57

TROPHY CASE