Breaking News: Grepper is joining You.com. Read the official announcement!

flutter comment box

Ernest Litsa answered on July 19, 2022 Popularity 9/10 Helpfulness 2/10

answer flutter comment box

related flutter comment box

flutter comment box

Comment

import 'package:flutter/material.dart';

class CommentBox extends StatelessWidget {
  final Widget child;
  final dynamic formKey;
  final dynamic sendButtonMethod;
  final dynamic commentController;
  final String userImage;
  final String labelText;
  final String errorText;
  final Widget sendWidget;
  final Color backgroundColor;
  final Color textColor;
  final bool withBorder;

  //Constructor
  CommentBox(
      {this.child,
      this.formKey,
      this.sendButtonMethod,
      this.commentController,
      this.userImage,
      this.labelText,
      this.errorText,
      this.sendWidget,
      this.backgroundColor,
      this.textColor,
      this.withBorder});
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Expanded(child: child),
        Divider(
          height: 1,
        ),
        ListTile(
          tileColor: backgroundColor,
          leading: Container(
            height: 40.0,
            width: 40.0,
            decoration: new BoxDecoration(
                color: Colors.blue,
                borderRadius: new BorderRadius.all(Radius.circular(50))),
            child: CircleAvatar(
                radius: 50, backgroundImage: NetworkImage(userImage)),
          ),
          title: Form(
            key: formKey,
            child: TextFormField(
              maxLines: 4,
              minLines: 1,
              cursorColor: textColor,
              style: TextStyle(color: textColor),
              controller: commentController,
              decoration: InputDecoration(
                enabledBorder: UnderlineInputBorder(
                  borderSide: BorderSide(color: textColor),
                ),
                focusedBorder: UnderlineInputBorder(
                    borderSide: BorderSide(color: textColor)),
                border: UnderlineInputBorder(
                    borderSide: BorderSide(color: textColor)),
                labelText: labelText,
                focusColor: textColor,
                fillColor: textColor,
                labelStyle: TextStyle(color: textColor),
              ),
              validator: (value) => value.isEmpty ? errorText : null,
            ),
          ),
          trailing: OutlineButton(
            highlightedBorderColor: Colors.orange,
            onPressed: sendButtonMethod,
            borderSide: BorderSide.none,
            child: sendWidget,
          ),
        ),
      ],
    );
  }
}

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: box flutter whatever

Link to this answer
Share Copy Link

Contributed on Jul 19 2022

Ernest Litsa

0 Answers Avg Quality 2/10

Closely Related Answers

flutter comment box

Comment

import 'package:flutter/material.dart';

class CommentBox extends StatelessWidget {
  final Widget child;
  final dynamic formKey;
  final dynamic sendButtonMethod;
  final dynamic commentController;
  final String userImage;
  final String labelText;
  final String errorText;
  final Widget sendWidget;
  final Color backgroundColor;
  final Color textColor;
  final bool withBorder;

  //Constructor
  CommentBox(
      {this.child,
      this.formKey,
      this.sendButtonMethod,
      this.commentController,
      this.userImage,
      this.labelText,
      this.errorText,
      this.sendWidget,
      this.backgroundColor,
      this.textColor,
      this.withBorder});
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Expanded(child: child),
        Divider(
          height: 1,
        ),
        ListTile(
          tileColor: backgroundColor,
          leading: Container(
            height: 40.0,
            width: 40.0,
            decoration: new BoxDecoration(
                color: Colors.blue,
                borderRadius: new BorderRadius.all(Radius.circular(50))),
            child: CircleAvatar(
                radius: 50, backgroundImage: NetworkImage(userImage)),
          ),
          title: Form(
            key: formKey,
            child: TextFormField(
              maxLines: 4,
              minLines: 1,
              cursorColor: textColor,
              style: TextStyle(color: textColor),
              controller: commentController,
              decoration: InputDecoration(
                enabledBorder: UnderlineInputBorder(
                  borderSide: BorderSide(color: textColor),
                ),
                focusedBorder: UnderlineInputBorder(
                    borderSide: BorderSide(color: textColor)),
                border: UnderlineInputBorder(
                    borderSide: BorderSide(color: textColor)),
                labelText: labelText,
                focusColor: textColor,
                fillColor: textColor,
                labelStyle: TextStyle(color: textColor),
              ),
              validator: (value) => value.isEmpty ? errorText : null,
            ),
          ),
          trailing: OutlineButton(
            highlightedBorderColor: Colors.orange,
            onPressed: sendButtonMethod,
            borderSide: BorderSide.none,
            child: sendWidget,
          ),
        ),
      ],
    );
  }
}

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: box flutter flut

Link to this answer
Share Copy Link

Contributed on Jul 19 2022

Ernest Litsa

0 Answers Avg Quality 2/10

flutter comment box

Contents

More Related Answers

flutter comment box

Closely Related Answers

flutter comment box

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.