flutter - 在颤动中看到大的图像
问题描述
我正在将 wordpress 网站上的帖子发送到颤振应用程序中。
我想要做的是当我点击图像 1 或图像 2 或图像 3 时,该图像将显示在主图像上。
这有意义吗?
解决方案
我希望下面的代码对您有所帮助。在以下代码中,我使用了网络图像,但您也可以使用断言图像。
import 'package:flutter/material.dart';
void main() => runApp(new Demo());
class Demo extends StatefulWidget {
@override
_DemoState createState() => _DemoState();
}
class _DemoState extends State<Demo> with TickerProviderStateMixin {
String image1 = "http://via.placeholder.com/350x150";
String image2 = "http://via.placeholder.com/200x150";
String image3 = "http://via.placeholder.com/200x150";
String currentMainImage = "http://via.placeholder.com/350x150" ;
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: new Text("table demo"),
),
body: new Container(
child: new Column(
children: <Widget>[
Container(
height:150.0,
child: new Image.network(currentMainImage,fit: BoxFit.fill,)
),
new Row(
children: <Widget>[
Expanded(
child: InkWell(
onTap : (){
setState(() {
currentMainImage = image1;
});
},
child: new Image.network(image1)
)
),
Expanded(
child: InkWell(
onTap : (){
setState(() {
currentMainImage = image2;
});
},
child: new Image.network(image2)
)
),
Expanded(
child: InkWell(
onTap : (){
setState(() {
currentMainImage = image3;
});
},
child: new Image.network(image3)
)
),
],
)
],
)
)
)
);
}
}
推荐阅读
- python - 替换函数不再适用于 Python 中的字符串
- arrays - ReactJs更新相似属性值的状态
- selenium-webdriver - 无法通过 Selector 和 chromedriver 提取linkedin的用户名
- java - 需要帮助从 Java 中 JSON 格式的 API 响应定义变量
- java - 检查字符串是否为有效的 EL 表达式(Java)
- javascript - 如何解决 JS Table 中日期排序的 mData 错误?
- python - 初学者程序员试图在 python 中绘制方程
- android - firestore的onFailureListener在什么情况下会触发
- sql - SQL Server 计数和分组依据特定问题
- javascript - 如何加快 Safari 中的 html 音频?