this-is-richard

import { Component } from '@angular/core';

@Component({
  selector: 'app-recursive-object',
  template: `
    <span *ngIf="isArray(items)">[</span>
    <span *ngIf="!isArray(items)">{{ '{' }}</span>

    <div *ngFor="let key of objectKeys(items)" class="ml-3">
      <span *ngIf="!isArray(items)">{{ key }}: </span>

this-is-richard

function charToNumber(char) {
  if (char === ' ') {
      return 58
  } else if (!isNaN(char)) {
      return parseInt(char)
  } else {
      return char.toUpperCase().charCodeAt(0) - 55;
  }
}

this-is-richard

// imports and the main() function above
class WhatsAppClone extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'WhatsApp',
      theme: ThemeData(
        primaryColor: Color(0xff075e54),
        indicatorColor: Colors.white,
        primaryColorDark: Color(0xFF128C7E),

this-is-richard

// above are the imports
class Home extends StatelessWidget {
  final _tabs = <Widget>[ 
    Tab(icon: Icon(Icons.camera_alt)), Tab(text: 'CHATS'),
    Tab(text: 'STATUS'), Tab(text: 'CALLS'),
  ];
  
  @override
  Widget build(BuildContext context) {
    return DefaultTabController(

this-is-richard

// Inside the build() method of our ChatRoom() widget
return Scaffold(
      backgroundColor: Color(0xFFECE5DD),
      appBar: AppBar(
        title: , // <-- we will do the trick here
        actions: <Widget>[
          IconButton(
            icon: Icon(Icons.videocam),
            onPressed: () {},
          ),

this-is-richard

class ChatRoom extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFFECE5DD),
     
      appBar: AppBar(
        // leading: CircleAvatar(...), <-- remove this avatar
        title: Row(
          children: <Widget>[

this-is-richard

// Inside the build() method of our ChatRoom() widget
return Scaffold(
      backgroundColor: Color(0xFFECE5DD),
      appBar: AppBar(
        title: SizedBox(
          width: double.infinity,
          child: Stack(
            overflow: Overflow.visible,
            children: <Widget>[
              Positioned(

this-is-richard

class ChatRoom extends StatelessWidget   {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFFECE5DD),
      appBar: AppBar(...), // Title text, action buttons on the right
      body: Column(
        children: <Widget>[
          Expanded(
            child: ListView(...), // chat threads

this-is-richard

class ChatList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      // itemCount: , <-- Normally we put the data array's length.
      itemBuilder: (context, index) {
        return ListTile(
          title: Text('Contact $index'),
        );
      },

this-is-richard

import 'package:flutter/material.dart';

class ChatList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView.builder(itemBuilder: (context, index) {
      return ListTile(
        title: Text('Contact $index'),
        //// onTap START ////
        onTap: () {