Avoid using local assets to reduce app size
This commit is contained in:
parent
2e72604769
commit
857ec36827
1 changed files with 22 additions and 4 deletions
|
@ -1,5 +1,6 @@
|
||||||
// ignore_for_file: dead_code
|
// ignore_for_file: dead_code
|
||||||
|
|
||||||
|
import 'package:cached_network_image/cached_network_image.dart';
|
||||||
import 'package:carousel_slider/carousel_slider.dart';
|
import 'package:carousel_slider/carousel_slider.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
@ -11,9 +12,9 @@ class Carousel extends StatefulWidget {
|
||||||
}
|
}
|
||||||
|
|
||||||
final List<String> imgList = [
|
final List<String> imgList = [
|
||||||
'assets/images/carousel_1.webp',
|
'https://nekoya.moe.team/img/Carousel_1.webp',
|
||||||
'assets/images/carousel_2.webp',
|
'https://nekoya.moe.team/img/Carousel_2.webp',
|
||||||
'assets/images/carousel_3.webp',
|
'https://nekoya.moe.team/img/Carousel_3.webp',
|
||||||
];
|
];
|
||||||
|
|
||||||
class _CarouselState extends State<Carousel> {
|
class _CarouselState extends State<Carousel> {
|
||||||
|
@ -27,7 +28,24 @@ class _CarouselState extends State<Carousel> {
|
||||||
borderRadius: const BorderRadius.all(Radius.circular(5.0)),
|
borderRadius: const BorderRadius.all(Radius.circular(5.0)),
|
||||||
child: Stack(
|
child: Stack(
|
||||||
children: <Widget>[
|
children: <Widget>[
|
||||||
Image.asset(item, fit: BoxFit.cover, width: 1000.0),
|
CachedNetworkImage(
|
||||||
|
imageUrl: item,
|
||||||
|
placeholder: (context, url) => Container(
|
||||||
|
width: 1000,
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
image: DecorationImage(
|
||||||
|
image: AssetImage('assets/images/image_empty.webp'), fit: BoxFit.cover)),
|
||||||
|
),
|
||||||
|
errorWidget: (context, url, error) =>
|
||||||
|
Image.asset('assets/images/image_error.webp'),
|
||||||
|
fadeOutDuration: const Duration(milliseconds: 5),
|
||||||
|
imageBuilder: (context, imageProvider) => Container(
|
||||||
|
width: 1000,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
image: DecorationImage(
|
||||||
|
image: imageProvider, fit: BoxFit.cover)),
|
||||||
|
),
|
||||||
|
),
|
||||||
Positioned(
|
Positioned(
|
||||||
bottom: 0.0,
|
bottom: 0.0,
|
||||||
left: 0.0,
|
left: 0.0,
|
||||||
|
|
Loading…
Reference in a new issue