import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class BODView extends StatefulWidget {
  @override
  _BODViewState createState() => _BODViewState();
}

class _BODViewState extends State<BODView> {
  int _current = 0;

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 300,
      child: ListView.builder(
          shrinkWrap: true,
          itemCount: 3,
          scrollDirection: Axis.horizontal,
          itemBuilder: (BuildContext context, int index) => Container(
            color: Colors.red,
            child: Container(
              width: 250,
              margin: EdgeInsets.only(right: 20),
              padding: EdgeInsets.all(10),
              decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.all(Radius.circular(50))
              ),
              child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    Row(
                      children: <Widget>[
                        Container(
                          child: Column(
                            children: <Widget>[
                              CircleAvatar(
                                radius: 30,
                                backgroundColor: Colors.white,
                                child: ClipOval(
                                  child: Image.asset("assets/images/user2.png", fit: BoxFit.contain,),
                                ),
                              )
                            ],
                          ),
                        ),
                        SizedBox(width: 20,),
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: <Widget>[
                            Container(
                              width: 150,
                              child: Text(
                                "Kresno Budoyo",
                                style: TextStyle(
                                    fontSize: 18,
                                    fontWeight: FontWeight.bold
                                ),
                                maxLines: 1,
                                overflow: TextOverflow.ellipsis,
                              ),
                            ),
                            Container(
                              width: 150,
                              child: Text(
                                '"Lorem ipsum sit dolor amlet"',
                                style: TextStyle(
                                  fontSize: 18,
                                ),
                                maxLines: 2,
                                overflow: TextOverflow.ellipsis,
                              ),
                            )
                          ],
                        ),
                      ],
                    ),
                  ]
              ),
            ),
          )
      )
    );
  }
}