Food Delivery App 10 - Restaurant Management in Angular

 


Comments

Post a Comment

Popular posts from this blog

Flutter: Statefull vs Stateless widget

Image
What is the difference between Stateful and Stateless Widget. In Flutter all the UI components are known as widgets. The widget which contains the code for a single screen of the app can be just of two types — Stateful Stateless Stateless Stateless widgets do not require mutable state, i.e., it is immutable . In simple words, Stateless widgets cannot change their state during the runtime of the app, which means the widgets cannot be redrawn while the app is in action. The structure of a Stateless widget looks like this: So, let’s understand what is there in this small code snippet. The name of this Stateless Widget is “ StartScreen ”, inside which we have to override the “ build” method. This build method takes in a “ BuildContext ” as the parameter and returns a widget. That’s why you can see that the return type of the build method is a widget. And this the place where you can design the UI of this screen, which is Stateless. In Stateless widget, The “ build ” method can be c...
Read more

Food Delivery App 9 - Firebase CRUD Operations with AngularFire Library

Image
      Firebase CRUD operations for Object Create an object binding/ Retrieve item : AngularFireObject <any> ; // db: AngularFireDatabase this . item = db . object ( 'item' ) ;   // or Observable <any> item = db . object ( 'item' ) . valueChanges ( ) ; Create // db: AngularFireDatabase const itemRef = db . object ( 'item' ) ;   // set() for destructive updates itemRef . set ( { name : 'grokonez' } ) ; Update // db: AngularFireDatabase const itemRef = db . object ( 'item' ) ; itemRef . update ( { url : 'grokonez.com' } ) ; Delete // db: AngularFireDatabase const itemRef = db . object ( 'item' ) ; itemRef . remove ( ) ; List of Objects Create a list binding/ Retrieve – Returns an Observable of data as a synchronized array of JSON objects without snapshot metadata. It is simple to render to a view: items : Observable < any [ ] > ; // db: AngularFireDatabase this . items = db . list ( 'item...
Read more

Flutter: Container, Column and Rows

Image
  Flutter Container The container in Flutter is a parent widget that can contain multiple child widgets and manage them efficiently through width, height, padding, background color, etc. It is a widget that combines common painting, positioning, and sizing of the child widgets. It is also a class to store one or more widgets and position them on the screen according to our needs. Generally, it is similar to a box for storing contents. It allows many attributes to the user for decorating its child widgets, such as using margin , which separates the container with other contents. A container widget is same as <div> tag in html. If this widget does not contain any child widget, it will fill the whole area on the screen automatically. Otherwise, it will wrap the child widget according to the specified height & width. It is to note that this widget cannot render directly without any parent widget. We can use Scaffold widget, Center widget, Padding widget, Row w...
Read more