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.

Sign up for GitHub

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

Jump to bottom

[web] Discuss: what's the best way to open a detail. #48636

Closed
jerryzhoujw opened this issue Jan 11, 2020 · 5 comments
Closed

[web] Discuss: what's the best way to open a detail. #48636

jerryzhoujw opened this issue Jan 11, 2020 · 5 comments
Labels
d: stackoverflow Good question for Stack Overflow platform-web Web applications specifically

Comments

@jerryzhoujw
Copy link

jerryzhoujw commented Jan 11, 2020 •
edited
Loading

I can write the things as just pages of widgets.
But I would expect better way, since I think it's a normal case in web.

Steps to Reproduce

  1. Include a list of content with IconButton() in a widget.
  2. After run with flutter run -d chrome, it will display in chrome.
  3. I try to click each button in list to open the detail.

Expected 2 possible result:

  1. Open the detail part in the list part area.
  2. Or open the detail with a new tab, but better to share the menu & top part.
    I don't think this is the same case of [url_launcher] flutter web can't use "url_launcher" #33126.

I can implement to open the detail page combine with menu & top part, but I don't like this way for web.

Screen Shot 2020-01-11 at 11 51 24 PM

Target Platform: Chrome
Target OS version/browser: Chrome 79.0.3945.88 (Official Build) (64-bit)
Devices: Chrome

[✓] Flutter (Channel beta, v1.12.13 hotfix.6, on Mac OS X 10.15.2 19C57, locale en-CN)
    • Flutter version 1.12.13 hotfix.6 at /Users/jerryzhou/Documents/code/flutter/sdk/flutter
    • Framework revision 18cd7a3601 (4 weeks ago), 2019-12-11 06:35:39 -0800
    • Engine revision 2994f7e1e6
    • Dart version 2.7.0

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] VS Code (version 1.41.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.7.1

[✓] Connected device (2 available)
    • Chrome     • chrome     • web-javascript • Google Chrome 79.0.3945.117
    • Web Server • web-server • web-javascript • Flutter Tools
@jonahwilliams
Copy link
Member

@jerryzhoujw are you talking about opening a new tab/page? Or something like a modal/popup dialog?

@jerryzhoujw
Copy link
Author

Hi @jonahwilliams

yes, open in net tab is one way I think good.

Or if it can easy open part of the page to new content would be good too.

Because current PageRoute thing will open hole page. which cause shared menu & web top need be in all pages, I don't like it because actually the menu & web top are just navigation function here.

@jerryzhoujw
Copy link
Author

jerryzhoujw commented Jan 12, 2020 •
edited
Loading

En, for open in new tab, I think I can display a link instead of button
what would be the Relative URL in this case, maybe related to universal link things.
But this maybe cause problem if I expect this web app works on iOS/Android app too.

For replace part of web content with new content, and actor like open new page in that area,
I think maybe your mentioned model/popup dialog would satisfy the case.

@iapicca iapicca added d: stackoverflow Good question for Stack Overflow platform-web Web applications specifically labels Jan 13, 2020
@yjbanov
Copy link
Contributor

yjbanov commented Jan 16, 2020

This sounds like a good question for StackOverflow, where you can get better recommendations. It's not something we can fix in Flutter.

@yjbanov yjbanov closed this as completed Jan 16, 2020
@github-actions
Copy link

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Aug 23, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
d: stackoverflow Good question for Stack Overflow platform-web Web applications specifically
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@yjbanov @jerryzhoujw @jonahwilliams @iapicca