Giter Club home page Giter Club logo

Comments (4)

aloisdeniel avatar aloisdeniel commented on June 29, 2024 1

Should be fixed in 0.4.2. Sorry :)

Oh and I added a virtual keyboard too!

image

from flutter_device_preview.

aloisdeniel avatar aloisdeniel commented on June 29, 2024

Thanks you a lot for your feedback!

For instance right now the toolbar is located at the bottom.

For me it'a bit inconvenient as usually I run device_preview on a computer and have spare space on the sides not on bottom or top of the screen. I would love to be able to have toolbar on the left or right.

It surely depends on the device you're running on, and you're right: on desktop, a side menu, always visible, would be better. I plan to add more customization to the toolbar styles directly as a menu, including the location on the screen.

Having the menu on the side would allow to add the labels describing each tool. Right now the icons are not always self-explanatory. Also, they are very very small on my screen.

The idea of only having icons is to show more, since those menu are normally used often. But anyway, I may add labels to all items since the bar is horizontally scrollable.

I will improve size of buttons a bit too !

Another small issue is that some of the tools lost their wide range of configuration options e.g. the text scale factor. Right now there are only 3 options with very little explanation. It used to have a slider to test various text scale factors from 0.5 up to 3.0. In my opinion it was much more useful than current design.

You're right, I'll add again a slider, but with steps to make it more simple to choose values though.

Also the menu (as it's in the middle of the toolbar) obscures the device preview.

It was the case before also on mobile. As a workaround, I will make windows draggable, and add a bit of transparency to the windows background.

I don't want to complain as the device_preview is one of the most useful dev tools out there. It helped me in many projects and I always recommend to use it. Thanks @aloisdeniel for your fantastic work. Let me know if there's something that I could help with.

No problem, always love to have constructive feedback like yours! Thanks for the kind words, I'm very happy if it is useful to others.

from flutter_device_preview.

aloisdeniel avatar aloisdeniel commented on June 29, 2024

I published a first 0.4.1 update with :

  • Draggable windows
  • Semi transparent window background.
  • Bigger bar.

from flutter_device_preview.

orestesgaolin avatar orestesgaolin commented on June 29, 2024

Looks great!

However, it seems that there's some kind of bug when dragging
image

from flutter_device_preview.

Related Issues (20)

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.