Расположение государства между страницами вкладки
Другое решение flexbox
Вы можете использовать инверсию порядка элементов в HTML. Затем, используя order, как в ответе Michael_B , вы можете использовать flex-direction: row-reverse; или flex-direction: column-reverse; в зависимости от вашего макета.
Рабочий пример:
.flex {
display: flex;
flex-direction: row-reverse;
/* Align content at the "reversed" end i.e. beginning */
justify-content: flex-end;
}
/* On hover target its "previous" elements */
.flex-item:hover ~ .flex-item {
background-color: lime;
}
/* styles just for demo */
.flex-item {
background-color: orange;
color: white;
padding: 20px;
font-size: 3rem;
border-radius: 50%;
}
5
4
3
2
1
1 ответ
Для начала, пожалуйста, урежьте свой код до того, что абсолютно необходимо при публикации вопроса. Там есть много кода для анализа (тем более что не все на английском). По крайней мере, очистите ваши комментарии и т.д ...
Но проблема в том, что вы создаете таймер в функции initState () из _RopSayacState, но затем никогда не останавливаете его. Как объяснила ошибка, которую вы включили в свой вопрос, это вызовет проблемы, поскольку когда виджет больше не отображается, он удаляется из дерева виджетов, и поэтому вызов setState для него вызовет ошибку.
Чтобы исправить это, все, что вам нужно сделать, это отменить таймер, когда виджет удален. Самый простой способ сделать это - переопределить метод dispose из _RopSayacState. Это должно выглядеть так.
@override
void dispose() {
super.dispose();
_everySecond.cancel();
}