iphone

Description:

iphone

iPhone #

Demo Preview #

The iphone package allow you to display an iphone really easily for your website UI and showcase your application, wallpaper really easy!
Features #

Displayn iPhone on web for portfolio
Choose color of iPhone
Choose the application you wanna display

Installation
Click here: Pub dev
Add the following dependency to your pubspec.yaml file:
dependencies:
iphone: ^0.0.1
copied to clipboard
Then, run flutter pub get to fetch the package.
Usage #

import the iphone package: import 'package:iphone/iphone.dart';

iPhone Color
3 colors are currently implemented for the iPhone 14: dark, purple, yellow
iphoneColor: ColorIPhone.dark,
copied to clipboard
iPhone Wallpaper
stock in assets folder your wallpaper image and dipslay it on your iphone easily
wallpaper: "assets/wallpaper.jpg",
copied to clipboard
iPhone Apps
you can easily display your application on your iphone using a kind of json format where you can place the name of the app, the path of the logo stock in assets folder
applications: [
{
"name": "Instagram",
"iconAssets": "assets/icons/instagram.jpg",
"onPressed": () {
// do something like a true onPressed such as route to other page...
},
},
{
"name": "Facebook",
"iconAssets": "assets/icons/facebook.png",
"onPressed": () async {
// do something like a true onPressed such as route to other page...
},
}
]
copied to clipboard
iPhone Bottom Apps
Same things as basic Apps but display max 4 apps, those are the most important !
bottomApplications: [
{
"name": "Safari",
"iconAssets": "assets/icons/safari.jpg",
"onPressed": () {
// do something like a true onPressed such as route to other page...
},
},
{
"name": "AppStore",
"iconAssets": "assets/icons/appstore.png",
"onPressed": () async {
// do something like a true onPressed such as route to other page...
},
}
]
copied to clipboard
The project is only at the beginning, there are still a lot of type of phone to add only iPhone 14 are implemented ❤️