注意:? ? ? ? ?圖片鏈接是https的
在pubspec.yaml? 導(dǎo)入庫
flutter_swiper : ^1.1.4
? dio : ^1.0.9
import 'package:flutter/material.dart';
import 'package:flutter_swiper/flutter_swiper.dart';
import 'dart:async';
import 'package:dio/dio.dart';
class HomePage extends StatefulWidget {
? _HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
? Response img;
? List<dynamic> imglist;
? int imgcount=0;
? var arr=["https://p4.ssl.cdn.btime.com/dmfd/480_270_/t012789cf3b81147246.jpg",
? "https://p4.ssl.cdn.btime.com/dmfd/480_270_/t0107a9fbf9e45767d7.jpg"
? ];
? @override
? ? void initState() {
? ? ? // TODO: implement initState
? ? ? super.initState();
? ? ? imget();
? ? }
? ? Future imget() async {
? ? Dio dio = new Dio();
? ? img = await dio.get(Constant.apiUrl + 'app/swiper');
? ? if(img.statusCode==200){
? ? ? ? setState(() {
? ? ? ? ? imglist = img.data;
? ? ? ? ? imgcount = imglist.length;
? ? ? ? ? print(imgcount);
? ? ? ? });
? ? }
? }
? ? @override
? Widget build(BuildContext context) {
? ? return Scaffold(
? ? ? appBar: AppBar(
? ? ? ? backgroundColor: Color.fromARGB(255, 255, 219, 79),
? ? ? ? ? primary: true,
? ? ? ? ? elevation: 0.0,
? ? ? ? ? title: new Container(
? ? ? ? ? ? decoration: new BoxDecoration(
? ? ? ? ? ? ? ? border: new Border.all(
? ? ? ? ? ? ? ? ? ? width: 1.0, color: Color.fromARGB(255, 226, 226, 226)),
? ? ? ? ? ? ? ? borderRadius: new BorderRadius.all(Radius.circular(5.0)),
? ? ? ? ? ? ? ? color: Color.fromARGB(255, 255, 255, 255)),
? ? ? ? ? ? alignment: Alignment.center,
? ? ? ? ? ? height: 30.0,
? ? ? ? ? ? child: new Row(
? ? ? ? ? ? ? children: <Widget>[
? ? ? ? ? ? ? ? new Expanded(
? ? ? ? ? ? ? ? ? ? child: new Icon(Icons.search,
? ? ? ? ? ? ? ? ? ? ? ? size: 17.0, color: Color.fromARGB(255, 226, 226, 226)),
? ? ? ? ? ? ? ? ? ? flex: 1),
? ? ? ? ? ? ? ? new Expanded(
? ? ? ? ? ? ? ? ? ? child: new Text('熱門',
? ? ? ? ? ? ? ? ? ? ? ? style: TextStyle(
? ? ? ? ? ? ? ? ? ? ? ? ? ? color: Color.fromARGB(255, 226, 226, 226),
? ? ? ? ? ? ? ? ? ? ? ? ? ? fontSize: 17.0)),
? ? ? ? ? ? ? ? ? ? flex: 9)
? ? ? ? ? ? ? ],
? ? ? ? ? ? ),
? ? ? ? ? ),
? ? ? ),
? ? ? body: Container(
? ? ? ? ? width: MediaQuery.of(context).size.width,
? ? ? ? ? height: 200.0,
? ? ? ? ? child: Swiper(
? ? ? ? ? ? itemBuilder: _swiperBuilder,
? ? ? ? ? ? itemCount:2,
? ? ? ? ? ? pagination: new SwiperPagination(
? ? ? ? ? ? ? ? builder: DotSwiperPaginationBuilder(
? ? ? ? ? ? ? color: Colors.black54,
? ? ? ? ? ? ? activeColor: Colors.white,
? ? ? ? ? ? )),
? ? ? ? ? ? scrollDirection: Axis.horizontal,
? ? ? ? ? ? autoplay: true,
? ? ? ? ? ? onTap: (index) => print('點(diǎn)擊了第$index個(gè)'),
? ? ? ? ? )),
? ? );?
? }
? Widget _swiperBuilder(BuildContext context, int index) {
? ? return (Image.network(
? ? ? arr[index],
? ? ? fit: BoxFit.fill,
? ? ));
? }
}
