Code Monkey home page Code Monkey logo

Comments (9)

MisterJimson avatar MisterJimson commented on July 4, 2024 1

I think I see what you are saying. I am working on more examples and master/detail is one of the use cases I havenโ€™t spent enough time on yet. I'll recreate and see how it goes. The use case definitely makes sense.

from multi_screen_layout.

GroovinChip avatar GroovinChip commented on July 4, 2024 1

This works quite well, thank you!

from multi_screen_layout.

MisterJimson avatar MisterJimson commented on July 4, 2024

Can you do this from the MultiScreenInfo widget? There is a note in the readme about it.

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: MultiScreenInfo(
        builder: (info) {
          return Column(
            children: <Widget>[
              Text('isAppSpanned: ${info.isSpanned}'),
            ],
          );
        },
      ),
    );
  }
}

from multi_screen_layout.

GroovinChip avatar GroovinChip commented on July 4, 2024

I do actually use MultiScreenInfo above the DetailView widget, and it does say the app is spanned in the context of the final screenshot from above. While technically correct, it doesn't provide enough information about the span. I don't know if it's possible, but knowing where the span started from would be useful. Perhaps some optional identifier could be added to TwoPageLayout that would say "if spanned from this widget, rebuild to initial layout" or something like that?

from multi_screen_layout.

GroovinChip avatar GroovinChip commented on July 4, 2024

Thanks! You can find my full sample of this here: https://github.com/GroovinChip/surface_duo_flutter_experiment/tree/iteration_4

from multi_screen_layout.

MisterJimson avatar MisterJimson commented on July 4, 2024

If you are interested, checkout my super rough idea of how maybe to do this.

https://github.com/MisterJimson/multi_screen_layout/tree/master-detail

I think there is definitely possibility to make this type of thing easier to do, but this does work.

from multi_screen_layout.

MisterJimson avatar MisterJimson commented on July 4, 2024

The new MasterDetailLayout & MasterDetailLayoutExample should help you achieve that easily now. On that same branch for now. Thanks your example helped a lot.

from multi_screen_layout.

MisterJimson avatar MisterJimson commented on July 4, 2024

#3

from multi_screen_layout.

GroovinChip avatar GroovinChip commented on July 4, 2024

I'll check this out on Monday, thank you!

from multi_screen_layout.

Related Issues (7)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.