Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Customizability of tooltip #20

Open
3 tasks
stargazing-dino opened this issue Jul 1, 2021 · 2 comments
Open
3 tasks

Customizability of tooltip #20

stargazing-dino opened this issue Jul 1, 2021 · 2 comments
Labels
enhancement New feature or request
Projects

Comments

@stargazing-dino
Copy link
Owner

stargazing-dino commented Jul 1, 2021

We should allow for more customizations. A good starting point would be to try to implement some of these:

  • Frosted look
  • Outline of tooltip
  • Better Shadow properties (List?)

Edit

I might want to consider whether the tooltip should be the space around the tail as well and if the tail should just be gotten from a clipper. That would make things like frosted glass a lot easier to implement. I think it'd complicate gestures though. Just a guess.

@stargazing-dino stargazing-dino added the enhancement New feature or request label Jul 1, 2021
@stargazing-dino stargazing-dino added this to To do in Priority Jul 19, 2021
@stargazing-dino
Copy link
Owner Author

I'm considering making the entire tooltip just a custom clip path. This would allow users to have their tail be the same as their inner content and users would just pad their content tailTip length away from the edge:

so replace content with:

builder: (margin) {
  return Material(
    // Tooltip tail will share this color
    color: Colors.grey.shade800,
    child: Container(
      margin: margin,
      child: const SizedBox(
        width: 100.0,
        height: 100.0,
      ),
    ),
  );
},

My concern is that that looks weird. I've never seen anyone else pass through margin.

@stargazing-dino
Copy link
Owner Author

What about

content: const SizedBox(
  width: 100.0,
  height: 100.0,
),
background: Material(
  color: Colors.grey.shade800,
),

and then they are placed together via a stack? The content is offset by the offsetAndTailLength and the background is clipped by the tail clipper and borderRadius argument.

@stargazing-dino stargazing-dino moved this from To do to In progress in Priority Oct 22, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
No open projects
Priority
In progress
Development

No branches or pull requests

1 participant