vb10 / flutter-architecture-template

Flutter Architecture Complete App

Flutter Architecture Template

This project craeeted for proffesionel application arhitecture.

Architecture

We writed every mobile development unit at this website.

• Mobile Architecture

Now only support turkish language, it's comming soon other options.

Architecture Video Series

---

I was shared mobile development practices on my channel so I supported only Turkish now, I have will creating global content coming soon.

Season 1

1. Mimari Hakkında(About Architecture)
2. Uygulama Mimarisi(Application Architecture)
3. Temel Widget Konsepti (Base Widget Concept)
4. Durum Yönetimi(State Management)
5. Uygulama Dil ve Tema Yönetimi(Application Language and Theme Management)
6. Uygulama Yönlendirme(Navigation Architecture)
7. Yerel Saklama (Application Local Stroage)
8. Ağ İstekleri Yönetme (Network Architecture)

 Season 2

9. Snippet Geliştirme (Sniipet Management)
10. Extension
11. Tema Mimarisi Gelişmiş (Advanced Theme Management)
12. Gelişmiş Ağ İstekleri Yönetme (Advanced Network Managment)
13. Widget Mimarisi (Widget Architecture)
14. Uygulama Apple Store Yükleme Yönetimi (Publish Apple Architecture)
15. Uygulama Android Store Yükleme Yönetimi (Publish Google Architecture)
16. Unit Test Geliştirme (Unit Test Development)

Season 3

16. Tanıtım Ekranları (OnBoard Screen)
17. Giriş Ekranı (Login Screen)
18. Akış Ekranı (Akış Ekranı Geliştirmeleri)

Contribution

| | |

flutter-architecture-template's Issues

Flutter 3.1.0 'da mobx'in store yapısı değişikli bug.

Flutter'ı upgrade ettikden sonra böyle bir hata aldım.
hata: 'BaseViewModel.context' ('BuildContext? Function()') isn't a valid override of 'Store.context' ('ReactiveContext Function()').dartinvalid_override

json_serializable nested object object.fromJson()

Nested objeleri json_serializable paketi ile generate ettiğimiz zaman alt nesneyi "object.fromJson()" ile alıyor bu da base_model de tanımladığımız "object fromJson()" metoduna uymuyor.

Örnek olarak:
Sku nesnesindeki Price objesini generate ederken Price.fromJson()

@JsonSerializable()
class Sku implements BaseModel<Sku> {
  int id;
  int stock;
  String attributesNames;
  String title;
  Price price; // <-----

  Sku({this.id, this.stock, this.attributesNames, this.title, this.price});

  @override
  Sku fromJson(Map<String, dynamic> json) => _$SkuFromJson(json);

  @override
  Map<String, dynamic> toJson() => _$SkuToJson(this);
}

// **************************************************************************
// JsonSerializableGenerator
// **************************************************************************

Sku _$SkuFromJson(Map<String, dynamic> json) {
  return Sku(
    id: json['id'] as int,
    stock: json['stock'] as int,
    attributesNames: json['attributesNames'] as String,
    title: json['title'] as String,
    price: json['price'] == null
        ? null
        : Price.fromJson(json['price'] as Map<String, dynamic>), // <----- Bulunamayan metod
  );
}

Map<String, dynamic> _$SkuToJson(Sku instance) => <String, dynamic>{
      'id': instance.id,
      'stock': instance.stock,
      'attributesNames': instance.attributesNames,
      'title': instance.title,
      'price': instance.price,
    };

@JsonSerializable()
class Price implements BaseModel<Price> {
  double cardinal;
  final String currency;

  Price({this.cardinal, this.currency});

  @override
  Price fromJson(Map<String, dynamic> json) => _$PriceFromJson(json);

  @override
  Map<String, dynamic> toJson() => _$PriceToJson(this);

  String toTLPrice() {
    return this.cardinal.toStringAsFixed(2) + ' ' + this.currency;
  }
}

BaseModelden overide ettiğimiz "fromJson()" metodu ile birlikte paketin serializa edebilmesi için "factory Price.fromJson()" da eklemek gerekiyor galiba BaseModel kullanma işi burada patlıyor

Contribution kısmındaki kişi

Contribution kısmındaki kişinin bağlantıda ya hata var ya da hesabı kapatmış. linkedin beni 404 sayfasına atıyor

Mobx ile birlikte automaticKeepAliveClientMixin kullanımı

Hocam merhaba temelden zirveye ve architecture serilerinizi bitirmiş birisi olarak gözüme takılan bir nokta oldu . Şuan yapmakta olduğum uygulamayı mobx ile kurgulamaktayım fakat tabbardaki bir sayfaya her gelişimde servise tekrardan istek atıyor.automaticKeepAliveClientMixin i temelden zirveye serinizde kullandığınızı hatırlıyorum fakat bu statefullwidget ile birlikte kullanılabiliyor.Mobx için bunun bir çözümü yok mu acaba bütün sayfanın kurgusunu mu değiştirmem gerekiyor . Yardımcı olursanız sevinirim saygılar

lib\core\init\network\core.dio yazım yanlışı

lib\core\init\network\core.dio

35. satır
    final model = _responseParser(parseModel, _responseParser);
    yerine
    final model = _responseParser(parseModel, response.data);

olmalı.

Ayrıca

[
    {
        "create_date": "2020-10-06 19:14:21",
        "is_read": false,
        "notification_data": {
            "photo_id": 284,
            "user_id": 7,
        },
        "notification_type": "photo_comment"
    },
   ...
]

tarzı içiçe modellerde _responseParser'ın kullanımı mümkün değil sanırım ya da ben beceremedim.

Email REGEX Düzeltilmesi

Eskisi:

  static const EMAIL_REGIEX = r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}\$';

Yenisi:

  static const EMAIL_REGIEX =r"^[a-zA-Z0-9.a-zA-Z0-9.!#$%&'*+-/=?^_`{|}~]+@[a-zA-Z0-9]+\.[a-zA-Z]+";

Şeklinde değiştirilmesi lazım

How dispose will come in play?

am using baseview for my view ... init and setcontext is working fine ... how dispose will work?
i want to dispose my controllers (initialised in viewmodel) when i move to other screen.. how it is possible?

_TypeError (type '(TestViewModel) => Null' is not a subtype of type '(dynamic) => dynamic')

böyle bir hata alıyorum sebebi ne olabilir acaba

Singleton yapılar

Hocam , benim bir sorum olacaktı.
Singleton yapılar için getIt kütüphanesini kullanarak yapmak daha clean code yazmak açısından daha faydalı olur muydu?
Bunu önerir misiniz yoksa kullanmamanızın özel bir nedeni var mı acaba?

Unable to load asset

Network Layer

Hi team
In your API service class you are just checking if response is type of particular type (model) thn only return else null... so how can you show user exact error that what happen .. Example in login, user can put wrong OTP so we have to show "Invalid OTP" or may be user enter expired OTP so we need to show "OTP expired"
But in your case we cant show this. Or may be i am wrong ... please suggest a way am using Vexana

`final response = await manager.send<LoginResponseModel, LoginResponseModel>(NetworkRoutes.LOGIN.rawValue,
parseModel: LoginResponseModel(), method: RequestType.POST, data: model);

if (response.data is LoginResponseModel) {
  return response.data;
} else {
  return null;
}`

OnBoard String Upper Case Test

test("String Helper Upper Case", () {
String text = " Helelo";
text = stringHelper.toUpper(text);
expect(text.contains(RegExp("[A-Z\s]+")), true);
});

toUpper fonksiyonu çağrılmadığında da test geçiyor. RegExp sanırım string içinde uppercase var mı diye kontrol ediyor bu şekilde. Belki testte expecti elle vermek çözebilir daha iyi bir yöntem bulamadım :)

İnternetin olmadığı durumda gösterilecek ekran

İnternetin olmadığı durumda gösterilecek popup

İnternet olmadığı zaman gösterilecek popupı vexananın sağladığı NoNetwork ile çözmeye çalıştım fakat vexana_manager.dart kısmında context istediği için başaramadım contexte ulaşamıyorum.Nasıl yapacağımı bilen varsa yardım edebilirse teşekkür ederim

Calling onDispose method

I found out that dispose method of TextEditingController in LoginViewModel is not called when dispose should be called.
In BaseView class dispose is mentioned, however it was not implemented in LoginView. I tried to solve it, but I couldn't dispose, because dispose's type is VoidCallback, so it is not possible to get viewModel (LoginViewModel) in dispose method. So I changed:

  final VoidCallback? onDispose; 
  .
  .
  @override  void dispose() {
    super.dispose();
    if (widget.onDispose != null) widget.onDispose?.call();
  }

to

  final Function(T model)? onDispose;
  .
  .
  .
 @override
  void dispose() {
     if (widget.onDispose != null) widget.onDispose!(model);
     super.dispose();

  }

and called dispose in this way in LoginView

   return BaseView<LoginViewModel>(
      viewModel: LoginViewModel(),
      onModelReady: (model) {
        model.setContext(context);
        model.init();
      },
      onDispose: (model) {
        model.dispose();
      },

I hope it is helpful. I might be completely wrong, so take it easy :)

ViewModel null geliyor

Projede TestView çalıştırdığımda
══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
I/flutter (11095): The following _TypeError was thrown building TestView(state: _TestViewState#52d55):
I/flutter (11095): type '(TestViewModel) => Null' is not a subtype of type '(Store) => dynamic'
Hatası alıyorum. BaseView InıtState e kadar gidiyor fakat ViewModel null geliyor View'a ve hata veriyor.

Deneyen var mı ?