我正在创建我自己的Ffltter聊天,我需要最后一条消息的时间出现在写了photo的人的右上角!但是我不知道怎么做,如果你能帮忙,我会很感激的!

child: Column(
                children: [
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      ClipRRect(
                          borderRadius: BorderRadius.circular(60),
                          child: Image.asset("images/churka.jpg", height: 60,
                            width: 60,
                            fit: BoxFit.cover,)),
                      SizedBox(width: 10.0,),
                      Column(
                        // mainAxisAlignment: MainAxisAlignment.spaceAround,
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          SizedBox(height: 10,),
                          Row(

                            children: [
                              Text('Человек', style: TextStyle(fontSize: 18,
                                  fontWeight: FontWeight.w500),),
                            ],
                          ),
                          Text('Как дела',
                            style: TextStyle(color: Color.fromRGBO(
                                87, 87, 87, 1.0),
                                fontSize: 16,
                                fontWeight: FontWeight.w400),),
                        ],

                      ),
                      Text('11:11', style: TextStyle(color: Color.fromRGBO(
                          87, 87, 87, 1.0),
                          fontSize: 16,
                          fontWeight: FontWeight.w400),),
                    ],
                  ),
                ],
              ),

我试着用不同的方式写mainAxisAlignment,但后来名字和最后一条信息的位置改变了

推荐答案

好的,看看聊天项目架构,它由RowsCoulmns的集合组成.

Row(

      children: [
        CircleAvatar(
          radius: 25,
          backgroundColor: Colors.grey,
        ),
        SizedBox(
          width: 20,
        ),
        Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(

              children: [
                Text('Crystoph Waltz'),
                SizedBox(width: 20,),
                Text('12:00 PM')
              ],
            ),
            Text('The last Message!'),
          ],
        ),
      ],

    ),

注意,以上文本是静态的,当您使用长度可能变化的动态文本时,您必须施加约束以避免恼人的溢出.

it's a list view of chat items

Ios相关问答推荐

Swift:从字符串目录获取带有参数的本地化字符串

使用音频单元播放音频流,出现爆裂声

SwiftUI SF Symbols图像:暗模式图像

构建iOS项目失败.我们运行了";xcodeBuild";命令,但它退出并返回错误代码65-expo reaction ative

在嵌套的DISPATCH_AFTER块中正确使用strong自/弱自

如何使用参与者允许并行读取,但阻止对SWIFT中资源的并发读取和写入?

SwiftUI-工作表不显示导航标题

清除/删除 NavigationController 中的多个 ViewController

Swift - 缺少函数参数在编译期间不会失败,甚至会导致不同的数据类型?

Flutter iOS 构建失败:DVTCoreDeviceEnabledState_Disabled

iOS按钮和navigationLink在List中相邻

PropertyWrapper 不存在的 Codable 属性的默认值

SwiftUI Select 器值在超过最大值时重置

如何识别 SwiftUI 中点击的按钮 ID 以使该按钮动画化?

NSFetchedResultsController 由字符串的第一个字母创建的部分

使用 AVAudioPlayer 播放声音

如何在 OS X 或 iOS(不使用格式塔)中确定运行时的操作系统版本?

如何像在 Facebook 应用程序中一样以编程方式打开设置?

什么是强属性属性

使用 xib 创建可重用的 UIView(并从情节提要中加载)