Flutter 如何在文本旁边获得图像? 导入“包装:颤振/材料.省道”; 类PersonalData扩展了无状态小部件{ 最后的字符串名; 最后的字符串更改; 最终字符串图像; PersonalData(this.Name、this.Alter、this.urlImage); 小部件构建(构建上下文){ 归还新脚手架( appBar:new appBar(标题:新文本(名称)), 主体:新容器( 子:新列( crossAxisAlignment:crossAxisAlignment.stretch, 儿童:[ 新文本(“名称:”+名称,textAlign:textAlign.left), 新文本(“Alter:+Alter), 新图像。网络(urlImage,高度:200.0,宽度:200.0,对齐方式:对齐。右上角,), ], ), ), ); } }
如何在文本附近获得图像。目前文本保持左侧,图像位于右侧文本下方我认为您应该搜索Fulter docs和library更多这是一项基本要求,他们已经很好地提供了:Flutter 如何在文本旁边获得图像? 导入“包装:颤振/材料.省道”; 类PersonalData扩展了无状态小部件{ 最后的字符串名; 最后的字符串更改; 最终字符串图像; PersonalData(this.Name、this.Alter、this.urlImage); 小部件构建(构建上下文){ 归还新脚手架( appBar:new appBar(标题:新文本(名称)), 主体:新容器( 子:新列( crossAxisAlignment:crossAxisAlignment.stretch, 儿童:[ 新文本(“名称:”+名称,textAlign:textAlign.left), 新文本(“Alter:+Alter), 新图像。网络(urlImage,高度:200.0,宽度:200.0,对齐方式:对齐。右上角,), ], ), ), ); } },flutter,Flutter,如何在文本附近获得图像。目前文本保持左侧,图像位于右侧文本下方我认为您应该搜索Fulter docs和library更多这是一项基本要求,他们已经很好地提供了: import 'package:flutter/material.dart'; class PersonalData extends StatelessWidget { final String Name; final String Alter; final String urlImage; PersonalData
import 'package:flutter/material.dart';
class PersonalData extends StatelessWidget {
final String Name;
final String Alter;
final String urlImage;
PersonalData(this.Name, this.Alter, this.urlImage);
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(title: new Text(Name),),
body: new Container(
child: new Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
new Text("Name: " + Name, textAlign: TextAlign.left),
new Text("Alter: " + Alter),
new Image.network(urlImage, height: 200.0, width: 200.0, alignment: Alignment.topRight,),
],
),
),
);
}
}
替换
新容器()=>\u getUserDetailsWidget()
我认为您应该搜索更多Fulter文档和库这是一项基本要求,他们很好地提供了这一点:
import 'package:flutter/material.dart';
class PersonalData extends StatelessWidget {
final String Name;
final String Alter;
final String urlImage;
PersonalData(this.Name, this.Alter, this.urlImage);
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(title: new Text(Name),),
body: new Container(
child: new Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
new Text("Name: " + Name, textAlign: TextAlign.left),
new Text("Alter: " + Alter),
new Image.network(urlImage, height: 200.0, width: 200.0, alignment: Alignment.topRight,),
],
),
),
);
}
}
替换
newcontainer()=>\u getUserDetailsWidget()
查看布局教程您没有很好地描述您希望它看起来像什么-可能一张图片会有所帮助,因为它不清楚您实际希望它看起来像什么。但我支持@RichardHeap的评论——似乎您可能不理解flatter的布局系统如何工作得很好。图像正处于您告诉它的位置。查看布局教程,您没有很好地描述您希望它看起来像什么-可能一张图片会有所帮助,因为它不清楚您实际希望它看起来像什么。但我支持@RichardHeap的评论——似乎您可能不理解flatter的布局系统如何工作得很好。图像正处于您现在告诉它的位置。