Звездочки появятся в конце контейнера

#flutter

#трепетание

Вопрос:

Я создаю приложение в flutter, и я не знаю, как я могу сделать так, чтобы звезды из отзывов появлялись в конце этого контейнера (и не использовать размерное поле (ширина: 50)) Есть идеи? Я уже пытался использовать crossAligmentAxis и Main .. в строке, но это не помогло.

   return Container(
                                              margin: EdgeInsets.only(right:12, top:8 , bottom:0),
                                    width: MediaQuery.of(context).size.width - 140,
                                          decoration: BoxDecoration(
                                            color: Colors.white,
                                              boxShadow: [
                                                BoxShadow(
                                                    color: Colors.black
                                                        .withOpacity(0.1),
                                                    blurRadius: 2,
                                                    spreadRadius: 1)
                                              ],
                                              borderRadius:
                                                  BorderRadius.circular(4)),
                                          child: Column(
                                            children: [
                                              Row(
                                                children: [
                                                  CircleAvatar(
                                                    backgroundImage:
                                                        NetworkImage(snapshot
                                                            .data
                                                            .documents[index]
                                                            .data["avatarUrl"]),
                                                  ),
                                                  SizedBox(width: 8),
                                                  Text(
                                                      snapshot
                                                          .data
                                                          .documents[index]
                                                          .data["name"],
                                                      style: TextStyle(
                                                          fontWeight:
                                                              FontWeight.bold)),
                                                              SizedBox(width:50),
                                                                 Row(
                                                children: [
                                                  _buildRatingStars(snapshot
                                                      .data
                                                      .documents[index]
                                                      .data["rating"]),
                                                ],
                                                                 )
                                                                 ],
                                              ),
 

Ответ №1:

есть некоторые промахи, здесь вы не используете дочерние элементы непосредственно под строкой, мы должны попробовать следующим образом:

 Column(
          children: [
          Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              CircleAvatar(
                backgroundImage:
                NetworkImage(snapshot
                    .data
                    .documents[index]
                    .data["avatarUrl"]),
              ),
              SizedBox(width: 8),
              Text(
                  snapshot
                      .data
                      .documents[index]
                      .data["name"],
                  style: TextStyle(
                      fontWeight:
                      FontWeight.bold)),
              SizedBox(width:50),
              Text(snapshot
                  .data
                  .documents[index]
                  .data["rating"])
            ],
          ),
 

Комментарии:

1. Это влияет на всю ориентацию, я просто хочу, чтобы звезды были только в конце