Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import 'package:flutter/material.dart';
- class Home extends StatelessWidget {
- @override
- Widget build(BuildContext context) {
- return Scaffold(
- appBar: AppBar(
- leading: Icon(
- Icons.camera_alt,
- color: Colors.black,
- ),
- backgroundColor: Colors.white,
- title: Text(
- "Instagram",
- style: TextStyle(
- fontFamily: "instagram",
- color: Colors.black,
- fontSize: 30,
- ),
- ),
- actions: <Widget>[
- Icon(
- Icons.send,
- color: Colors.black,
- ),
- ],
- ),
- body: CustomScrollView(
- slivers: <Widget>[
- SliverList(
- delegate: SliverChildListDelegate(<Widget>[
- Container(
- height: 100,
- child: ListView(
- scrollDirection: Axis.horizontal,
- children: List.generate(
- 10,
- (int index) {
- return Container(
- width: 50,
- height: 50,
- margin: const EdgeInsets.all(10),
- decoration: BoxDecoration(
- shape: BoxShape.circle,
- image: DecorationImage(
- fit: BoxFit.fill,
- image: AssetImage(
- "assets/image$index.png",
- ),
- ),
- ),
- );
- },
- ),
- ),
- ),
- Divider(
- height: 10,
- )
- ]),
- ),
- SliverList(
- delegate: SliverChildListDelegate(
- List.generate(
- 10,
- (int index) {
- return Column(
- children: <Widget>[
- ListTile(
- leading: CircleAvatar(
- backgroundImage: AssetImage("assets/image0.png"),
- ),
- title: Text(
- "Instagramer User",
- style: TextStyle(
- fontWeight: FontWeight.bold,
- ),
- ),
- ),
- Container(
- height: 300,
- child: Image.asset(
- "assets/$index.jpg",
- fit: BoxFit.fill,
- ),
- )
- ],
- );
- },
- ),
- ),
- ),
- ],
- ),
- bottomNavigationBar: BottomNavigationBar(
- fixedColor: Colors.black,
- type: BottomNavigationBarType.fixed,
- items: [
- BottomNavigationBarItem(
- icon: Icon(
- Icons.home,
- ),
- title: Text(""),
- ),
- BottomNavigationBarItem(
- icon: Icon(
- Icons.search,
- ),
- title: Text(""),
- ),
- BottomNavigationBarItem(
- icon: Icon(
- Icons.add_box,
- ),
- title: Text(""),
- ),
- BottomNavigationBarItem(
- icon: Icon(
- Icons.favorite_border,
- ),
- title: Text(""),
- ),
- BottomNavigationBarItem(
- icon: CircleAvatar(
- backgroundImage: AssetImage(
- "assets/image0.png",
- ),
- ),
- title: Text(""),
- ),
- ]),
- );
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement