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.

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

Fixed-breaking-changes #53

Open
wants to merge 15 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
39 changes: 37 additions & 2 deletions .metadata
Original file line number Diff line number Diff line change
@@ -1,10 +1,45 @@
# This file tracks properties of this Flutter project.
# Used by Flutter tool to assess capabilities and perform upgrades etc.
#
# This file should be version controlled and should not be manually edited.
# This file should be version controlled.

version:
revision: f4abaa0735eba4dfd8f33f73363911d63931fe03
revision: 62bd79521d8d007524e351747471ba66696fc2d4
channel: stable

project_type: app

# Tracks metadata for the flutter migrate command
migration:
platforms:
- platform: root
create_revision: 62bd79521d8d007524e351747471ba66696fc2d4
base_revision: 62bd79521d8d007524e351747471ba66696fc2d4
- platform: android
create_revision: 62bd79521d8d007524e351747471ba66696fc2d4
base_revision: 62bd79521d8d007524e351747471ba66696fc2d4
- platform: ios
create_revision: 62bd79521d8d007524e351747471ba66696fc2d4
base_revision: 62bd79521d8d007524e351747471ba66696fc2d4
- platform: linux
create_revision: 62bd79521d8d007524e351747471ba66696fc2d4
base_revision: 62bd79521d8d007524e351747471ba66696fc2d4
- platform: macos
create_revision: 62bd79521d8d007524e351747471ba66696fc2d4
base_revision: 62bd79521d8d007524e351747471ba66696fc2d4
- platform: web
create_revision: 62bd79521d8d007524e351747471ba66696fc2d4
base_revision: 62bd79521d8d007524e351747471ba66696fc2d4
- platform: windows
create_revision: 62bd79521d8d007524e351747471ba66696fc2d4
base_revision: 62bd79521d8d007524e351747471ba66696fc2d4

# User provided section

# List of Local paths (relative to this file) that should be
# ignored by the migrate tool.
#
# Files that are not part of the templates will be ignored by default.
unmanaged_files:
- 'lib/main.dart'
- 'ios/Runner.xcodeproj/project.pbxproj'
25 changes: 25 additions & 0 deletions .vscode/launch.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "FlutterScreens",
"request": "launch",
"type": "dart"
},
{
"name": "FlutterScreens (profile mode)",
"request": "launch",
"type": "dart",
"flutterMode": "profile"
},
{
"name": "FlutterScreens (release mode)",
"request": "launch",
"type": "dart",
"flutterMode": "release"
}
]
}
194 changes: 108 additions & 86 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,17 @@

A collection of Login Screens, Buttons, Loaders and Widgets with attractive UIs, built with Flutter, ready to be used in your applications.

## TODO

- [x] fixed button breaking changes
- [x] Compatible & upgrade to flutter 3.7.9
- [x] added device so that it can run and test
- [x] home to navigate between different pages
- [x] fixed-others runtime error
- [x] Skipped rating while it has good package on pub.dev
- [ ] slide_list_view
- [ ] Missing main asset images

###### Last Update: Added SlideListView Widget

## Screenshots And Usage
Expand All @@ -22,20 +33,24 @@ A widget that can be used to present two different views that can be toggled usi

#### ColorLoaders

| ![Screenshot](./screenshots/color_loader.gif) Color Loader 1 | ![Screenshot](./screenshots/color_loader_2.gif) Color Loader 2 | ![Screenshot](./screenshots/color_loader_3.gif) Color Loader 3 |
|-----------------------------------------------|-----------------------------------------------|-----------------------------------------------|
| ![Screenshot](./screenshots/color_loader_4.gif) Color Loader 4 | ![Screenshot](./screenshots/color_loader_5.gif) Color Loader 5 | |
| ![Screenshot](./screenshots/color_loader.gif) Color Loader 1 | ![Screenshot](./screenshots/color_loader_2.gif) Color Loader 2 | ![Screenshot](./screenshots/color_loader_3.gif) Color Loader 3 |
| -------------------------------------------------------------- | -------------------------------------------------------------- | -------------------------------------------------------------- |
| ![Screenshot](./screenshots/color_loader_4.gif) Color Loader 4 | ![Screenshot](./screenshots/color_loader_5.gif) Color Loader 5 | |

#### FlipLoaders

_Example #1_

```
FlipLoader(
loaderBackground: Colors.red,
iconColor: Colors.white,
icon: Icons.email,
animationType: "full_flip"),
```

_Example #2_

```
FlipLoader(
loaderBackground: Colors.blueAccent,
Expand All @@ -45,7 +60,9 @@ FlipLoader(
rotateIcon: true,
),
```

_Example #3_

```
FlipLoader(
loaderBackground: Colors.green,
Expand All @@ -56,21 +73,23 @@ FlipLoader(
rotateIcon: false,
),
```
___
###### I am working on more loaders. These loaders will also be updated. Thanks to [jakeleveroni](https://github.com/jakeleveroni) for parameterizing the FlipLoader.
___

---

###### I am working on more loaders. These loaders will also be updated. Thanks to [jakeleveroni](https://github.com/jakeleveroni) for parameterizing the FlipLoader.

---

## Buttons

![Screenshots on iOS](./screenshots/buttons1.png)


#### Simple Round Button

```
SimpleRoundButton(
backgroundColor: Colors.redAccent,
buttonText: Text("LOGIN",
buttonText: Text("LOGIN",
style: TextStyle(
color: Colors.white
),
Expand All @@ -79,30 +98,33 @@ SimpleRoundButton(
)
```

#### Simple Round Icon Button
#### Simple Round Icon Button

```
SimpleRoundIconButton(
backgroundColor: Colors.orangeAccent,
buttonText: Text("SEND EMAIL",
buttonText: Text("SEND EMAIL",
style: TextStyle(
color: Colors.white
),
),
),
textColor: Colors.white,
icon: Icon(Icons.email),
)
```

#### Simple Round Icon Only Button
#### Simple Round Icon Only Button

```
SimpleRoundOnlyIconButton(
backgroundColor: Colors.blueAccent,
icon: Icon(Icons.phone),
iconAlignment: Alignment.center,
)
```
___

---

## Login Screens

### Login Screen 1
Expand All @@ -121,94 +143,94 @@ Container(
)
```

### Login Screen 2
### Login Screen 2

![Screenshots on Android and iOS](./screenshots/login_screen_2.png)
![Screenshots on Android and iOS](./screenshots/login_screen_2.png)

##### Usage
##### Usage

```
Container(
child: LoginScreen2(
backgroundColor1: Color(0xFF444152),
backgroundColor2: Color(0xFF6f6c7d),
highlightColor: Color(0xfff65aa3),
foregroundColor: Colors.white,
logo: new AssetImage("assets/images/full-bloom.png"),
),
)
```
```
Container(
child: LoginScreen2(
backgroundColor1: Color(0xFF444152),
backgroundColor2: Color(0xFF6f6c7d),
highlightColor: Color(0xfff65aa3),
foregroundColor: Colors.white,
logo: new AssetImage("assets/images/full-bloom.png"),
),
)
```

### Login Screen 3

![Screenshots on Android and iOS](./screenshots/login_screen_3.gif)

### Login Screen 3
##### Usage

```
Container(
child: LoginScreen3(),
)
```

![Screenshots on Android and iOS](./screenshots/login_screen_3.gif)
### Login Screen 4

##### Usage
![Screenshot on Android](./screenshots/login_screen_4.jpeg)

```
Container(
child: LoginScreen3(),
##### Usage

```
Container(
child: LoginScreen4(
primaryColor: Color(0xff18203d),
secondaryColor: Color(0xff232c51),
logoGreen: Color(0xff25bcbb),
),
)
```
```

### Login Screen 4
### Login Screen 5

![Screenshot on Android](./screenshots/login_screen_4.jpeg)
![Screenshot on Android](./screenshots/login_screen_5.jpeg)

##### Usage
##### Usage

```
Container(
child: LoginScreen4(
primaryColor: Color(0xff18203d),
secondaryColor: Color(0xff232c51),
logoGreen: Color(0xff25bcbb),
),
)
```

### Login Screen 5

![Screenshot on Android](./screenshots/login_screen_5.jpeg)

##### Usage

```
Container(
child: LoginScreen5(
avatarImage: "path/to/image.png",
onLoginClick: () {
// when login button is pressed
},
googleSignIn: () {
// when google signin button is pressed
},
navigatePage: () {
// change to signup screen
}
),
)
```
```
Container(
child: LoginScreen5(
avatarImage: "path/to/image.png",
onLoginClick: () {
// when login button is pressed
},
googleSignIn: () {
// when google signin button is pressed
},
navigatePage: () {
// change to signup screen
}
),
)
```

### Login Screen 6
### Login Screen 6

![Screenshot on Android](./screenshots/login_screen_6.jpeg)
![Screenshot on Android](./screenshots/login_screen_6.jpeg)

##### Usage
##### Usage

```
Container(
child: LoginScreen6(
onLoginClick: () {
// when login button is pressed
},
navigatePage: () {
// change to signup screen
}
),
)
```
```
Container(
child: LoginScreen6(
onLoginClick: () {
// when login button is pressed
},
navigatePage: () {
// change to signup screen
}
),
)
```

## Contribution and Donation
## Contribution and Donation

Feel free to contribute. If you like the project and want to donate, [click here](https://www.paypal.me/samarthagarwal).
Feel free to contribute. If you like the project and want to donate, [click here](https://www.paypal.me/samarthagarwal).
29 changes: 29 additions & 0 deletions analysis_options.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
# This file configures the analyzer, which statically analyzes Dart code to
# check for errors, warnings, and lints.
#
# The issues identified by the analyzer are surfaced in the UI of Dart-enabled
# IDEs (https://dart.dev/tools#ides-and-editors). The analyzer can also be
# invoked from the command line by running `flutter analyze`.

# The following line activates a set of recommended lints for Flutter apps,
# packages, and plugins designed to encourage good coding practices.
include: package:flutter_lints/flutter.yaml

linter:
# The lint rules applied to this project can be customized in the
# section below to disable rules from the `package:flutter_lints/flutter.yaml`
# included above or to enable additional rules. A list of all available lints
# and their documentation is published at
# https://dart-lang.github.io/linter/lints/index.html.
#
# Instead of disabling a lint rule for the entire project in the
# section below, it can also be suppressed for a single line of code
# or a specific dart file by using the `// ignore: name_of_lint` and
# `// ignore_for_file: name_of_lint` syntax on the line or in the file
# producing the lint.
rules:
# avoid_print: false # Uncomment to disable the `avoid_print` rule
# prefer_single_quotes: true # Uncomment to enable the `prefer_single_quotes` rule

# Additional information about this file can be found at
# https://dart.dev/guides/language/analysis-options