16 |
17 | Open
18 |
19 | ## Limitations
20 |
21 | Think of Device Preview as a first-order approximation of how your app looks and feels on a mobile device. With Device Mode you don't actually run your code on a mobile device. You simulate the mobile user experience from your laptop, desktop or tablet.
22 |
23 | !> There are some aspects of mobile devices that Device Preview will never be able to simulate. When in doubt, your best bet is to actually run your app on a real device.
--------------------------------------------------------------------------------
/docs/_coverpage.md:
--------------------------------------------------------------------------------
1 |
2 | 
3 |
4 | Approximate how your Flutter app looks and performs on another device.
5 |
6 |
17 |
18 |
19 |
20 | 
--------------------------------------------------------------------------------
/docs/_sidebar.md:
--------------------------------------------------------------------------------
1 | - Usage
2 | - [Install](content/usage/install.md)
3 | - [Options](content/usage/options.md)
4 | - [Manual](content/usage/tools.md)
5 | - [Only frames](content/usage/device_frame.md)
6 |
7 | - Plugins
8 | - [Screenshot](content/plugins/screenshot.md)
9 | - [Build your own plugin](content/plugins/custom.md)
10 |
11 | - Contributing
12 | - [Device proposal](content/contributing/device_proposal.md)
13 | - [Other](content/contributing/other.md)
14 |
--------------------------------------------------------------------------------
/docs/content/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aloisdeniel/flutter_device_preview/9cd7405bee4eb9d52be3633cf0887206a298e6fc/docs/content/.DS_Store
--------------------------------------------------------------------------------
/docs/content/contributing/device_proposal.md:
--------------------------------------------------------------------------------
1 | # New device proposal
2 |
3 | ## Design files
4 |
5 | All devices must be added as dedicated frames in the [offical Figma file](https://www.figma.com/file/WIamxcVDlHvxcCjLvJnwmR/DevicePreview---Frames?node-id=0%3A1).
6 |
7 | Each device frame mush have a `Screen` node which must contains a flatten shape, and a `Body` group which contains the device body elements.
8 |
9 | ## Generate painter code
10 |
11 | All the custom painter code is generated with [fluttershapemaker](https://fluttershapemaker.com/) and is then manually improved.
12 |
13 | # Send a pull request
14 |
15 | Once your design is ready, create [a new pull request](https://github.com/aloisdeniel/flutter_device_preview/pulls) with your files added to the `device_frame/lib/src/devices/` directory.
--------------------------------------------------------------------------------
/docs/content/contributing/other.md:
--------------------------------------------------------------------------------
1 | # Other contributions
2 |
3 | ## Thanks
4 |
5 | We're very grateful to have the help of those users :
6 |
7 | * [Mike Rydstrom](https://rydmike.com/) who helped a lot with beta testing and gave us a lot of feedback!
8 | * [Fun with Flutter](https://www.youtube.com/c/FunwithFlutter/) who created [an awesome introduction video for the tool](https://www.youtube.com/watch?v=ObD6Jgvc71k)!
9 | * [Pooja Bhaumik](https://twitter.com/pblead26) who also created a [great video]((https://www.youtube.com/watch?v=0B0cSbKSThI)) mentionning Device Preview!
10 |
11 | ## Donate
12 |
13 |