sergiandreplace / flutter_codelab Goto Github PK

The Building beautiful UIs with Flutter has a number of minor errors.

Is this the correct place to report the issues?

In Part 3. Start a new Flutter project

It says to use FriendlyChat as the Flutter project name. This is an invalid name. It should be friendly_chat.

In Part 5. Add a UI for composing messages

In _buildTextComposer(), wrap the Container in an IconThem:.
should be
In _buildTextComposer(), wrap the Container in an IconTheme:

and

3. Start typing Row, and select IconTheme from the list. The child property is surrounded by a red box, and the analyzer tells you that the data property is required.
should be
3. Start typing IconTheme, and select IconTheme from the list. The child property is surrounded by a red box, and the analyzer tells you that the data property is required.

In Part 7. Add a UI for displaying messages

There are six places where you can find
ChatScreenState
all six should be
_ChatScreenState

in Part 8. Animate your app

Where it says
Add an animation controller to the _handleSubmitted() method:
There is a code snippet:

  _textController.clear();
  ChatMessage message = ChatMessage(
    text: text,
    animationController: AnimationController(      // NEW
      Duration: const Duration(milliseconds: 700), // NEW
      vsync: this,                                 // NEW
    ),                                             // NEW
  );                                               // NEW
  setState(() {
    _messages.insert(0, message);
  });
  _focusNode.requestFocus();
  message.animationController.forward();           // NEW
}

it has mistakes on line 6 and 9. It should be

  _textController.clear();
  ChatMessage message = ChatMessage(
    text: text,
    animationController: AnimationController(      // NEW
      duration: const Duration(milliseconds: 700), // NEW
      vsync: this,                                 // NEW
    ),                                             // NEW
  );
  setState(() {
    _messages.insert(0, message);
  });
  _focusNode.requestFocus();
  message.animationController.forward();           // NEW
}