flutter-tales

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #typescript #golang #deep-learning #macos #windows #awesome-list #vue #security #mcp #open-source

(★ 12)

My journey as a Flutter developer, from zero to hero. Repo is my course work, including everything that I have learnt about flutter and dart.

flutter-tales 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<br />
<p align="center">
  <h1 align="center">Flutter Tales 🚀</h1>

<p align="center">
    A Flutter project for practice and example codes.
    <br />
    <br />
    <a href="https://hashirshoaeb.com">About Me</a>
    ·
    <a href="https://github.com/hashirshoaeb/flutter-tales/issues">Report Bug</a>
    ·
    <a href="https://github.com/hashirshoaeb/flutter-tales/issues">Request Feature</a>
  </p>
</p>

![GitHub contributors](https://img.shields.io/github/contributors/hashirshoaeb/flutter-tales?color=ffcc66&style=for-the-badge)
![GitHub stars](https://img.shields.io/github/stars/hashirshoaeb/flutter-tales?color=ffcc66&style=for-the-badge)
[![GitHub forks](https://img.shields.io/github/forks/hashirshoaeb/flutter-tales?style=for-the-badge)](https://github.com/hashirshoaeb/star_book/network)
[![GitHub issues](https://img.shields.io/github/issues/hashirshoaeb/flutter-tales?color=ffcc66&style=for-the-badge)](https://github.com/hashirshoaeb/star_book/issues)
[![GitHub license](https://img.shields.io/github/license/hashirshoaeb/flutter-tales?style=for-the-badge)](https://github.com/hashirshoaeb/flutter-tales/blob/master/LICENSE)
[![Twitter Follow](https://img.shields.io/twitter/follow/hashirshoaeb?color=ffcc66&logo=twitter&logoColor=ffffff&style=for-the-badge)](https://twitter.com/hashirshoaeb)

## Apps

- [Quiz App - Map Object key/value ](https://github.com/hashirshoaeb/flutter-tales/tree/master)
- [Bank Transaction - List View and Scroller ](https://github.com/hashirshoaeb/flutter-tales/tree/second_app)
- [Advice App - Async Api Caller ](https://github.com/hashirshoaeb/flutter-tales/tree/async-api-call)

- [Permission App - Request App Permissions](https://github.com/hashirshoaeb/flutter-tales/tree/permission)

## Lab work

- [Lab 3 - Dart Programming - Classes](./READMEdocs/lab3.md)
- [Lab 4 - Dart Programming - Classes Inheritance](./READMEdocs/lab4.md)
- [Lab 5 - Dart Programming - List](./READMEdocs/lab5.md)
- [Lab 6 - Dart Programming - Abstract Classes and Interfaces](./READMEdocs/lab6.md)
- [Lab 7 - Dart Programming - Exception Handling](./READMEdocs/lab7.md)
- [Lab 8 - Dart Programming – Functions](./READMEdocs/lab8.md)
- [Lab 9 - Dart Programming – Maps](./READMEdocs/lab9.md)
- [Lab 10 - Dart Programming – Sets](./READMEdocs/lab10.md)
- [Lab 11 - Dart Programming – Mixin](./READMEdocs/lab11.md)

## Assignments

- [Assignment 1](https://github.com/hashirshoaeb/flutter-tales/tree/Assignment-1)

Instead of using maps, do the same thing using class or structure [link](https://github.com/hashirshoaeb/flutter-tales/tree/Assignment-1)

- [Assignment 2](https://github.com/hashirshoaeb/flutter-tales/tree/Assignment-2)

To improve the UI of Transaction App [link](https://github.com/hashirshoaeb/flutter-tales/tree/Assignment-2)

## Getting Started

A few resources to get you started if this is your first Flutter project:

- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)

For help getting started with Flutter, view
[online documentation](https://flutter.dev/docs), which offers tutorials,
samples, guidance on mobile development, and a full API reference.

## Method to Run

In order to run your application from terminal, type:

```bash
  $flutter emulators
```

Shows available emulators.

- To run an emulator, run 'flutter emulators --launch <emulator id>'.
- To create a new emulator, run 'flutter emulators --create [--name xyz]'.

```bash
  $flutter emulators --launch iOS Simulator
```

```bash
  $cd first_app
  $flutter run
```

# DART

## What is Dart

Dart is an **object oriented programming language**. It is primarily used for creating frontend user interfaces. And it is **strongly typed**.

## Variables, Functions, Types

Variables are used to temporarily store data.

```dart
 var name = 'Hashir';
 print(name); // Outputs ‘Hashir’
```

Here, **var** keyword is used to create variable. **Equal(=)** operator is used to assign value to the variable. And **print()** function is used to log the output.

Tip: It's common to use **camelCase** notation to name the variable.

In above example, variable **name** is of type **String**. Since Dart is able to **infer the type though** (because you initialise the variable with a value - 'Hashir'). It can also be written as follows.

```dart
String name = 'Hashir';
print(name); // Outputs 'Hashir'
```

**Types** describe the type of data of a variable. With types, you can ensure that a certain code expression only accepts numbers and the compiler “yells at you” if you pass wrong data.

| Type             | Example                            | More Information                                                                                                                                      |
| ---------------- | ---------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
| String           | String myName = 'Max';             | Holds text. You can use single or double quotes - just be consistent once you made your choice.                                                       |
| num, int, double | int age = 30; double price = 9.99; | num refers to “number” - there are two types of numbers in Dart: Integers (numbers without a decimal place) and doubles (numbers with decimal places) |
| object           | Person = Person();                 | Generally, everything in Dart is an object - even an integer. But objects can also be more complex, see below.                                        |

**Functions** allow you to define code snippets which you can call whenever and as often as you want.

```dart
void sayHello(String name) {
  print('Hello ' + name);
}

double addNumbers(double n1, double n2) {
  return n1 + n2;
}

```

## Objects & Object-orientation

Dart is an object-oriented programming language - that means that **every value in Dart is an object**, even primitive values like text (= String) or numbers (= Integers and Doubles).

Objects are data structures and created with the help of “Classes” because every object needs a blueprint (=> the class) based on which you can then create (“instantiate”) it.

```dart
class Person {
  var name = 'Max';
  var age = 30;

void greet() {
  print('Hi, I am ' + name + ' and I am ' + age.toString() + ' years old!';
  }
}
```

The class only serves as a blueprint though! On its own, it does not give you an object! Instead, you can now create objects based on this class:

```dart
void main() {
  var myself = Person();
  print(myself.name); // use the . to access class properties & methods
}
```

## Positional & Named Arguments

- annonymus function jiska koi nam na ho,
- press 'Command' and hover the class object, to

* final vs const
  final is called a run time constant. when you code and made final, but you dont know the value to it,
  but know know what are you assigning to const eg:

# Flutter

- Pascel notation
- class is a widget
- we are creating a widget tree
- extend use to inherite
- this is a builder widget.
- flutter takes the control on screen pixcels
- every widget in flutter is actaully a dart class with a - build method.
- Scaffold is a design widget

Stateless widgets are immutable, meaning that their properties can’t change—all values are final.
Two types of widgets:

- Stateless - which does not save the state
- Statefull - which maintains the state - like cookies, login sessions

there are two type of arguments like in python,
positional aggumaents , named arguments
Stateful widgets maintain state that might change during the lifetime of the widget. Implementing a stateful widget requires at least two classes: 1) a StatefulWidget class that creates an instance of 2) a State class. The StatefulWidget class is, itself, immutable, but the State class persists over the lifetime of the widget.
flutter has control on each and every pixel of screen.

visible widget. => for handling input and output, eg. button
invisible widget => for handling layout and control eg. column

flutter-tales

flutter-tales 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

flutter-tales

flutter-tales 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README