НОВАЯ ИНФОРМАЦИЯ После нескольких часов тестирования это было настолько близко, что я смог получить: Док остается
И это: Док исчезает
В приложении Instagram (Android), когда вы хотите добавить комментарий, он открывает мини-окно в нижней части экрана и пишет:
Это окно будет вставлено,и выскользнуть.Это исправлено и по всему содержимому страницы.
Есть ли способ смонтировать эту предустановку макета и анимацию на nativescript?
Моя попытка дает мне:
DockLayoutWrapLayout (внизу) (поле комментария)
StackLayout (содержимое страницы)
Почти все работает, кроме случаев, когда анимация имела место.Поскольку поле для комментариев перемещается, место, где оно находилось, не удаляется.Таким образом, остается пустое место, так как dockLayout не удалит его, если я удалю поле комментария.
Увы: я использую nativescript-vue
<DockLayout stretchLastChild="false">
<WrapLayout ref="comm" height="auto" class="comm" dock="bottom" v-if="showComm" backgroundColor="red">
<DockLayout class="avatar" stretchLastChild="false">
<Image dock="bottom" width="15%" alignSelf="flex-end" src="https://via.placeholder.com/50" stretch="none" />
</DockLayout>
<TextView editable="true" width="65%" ref="test">
<FormattedString>
</FormattedString>
</TextView>
<DockLayout stretchLastChild="false" width="15%">
<Button dock="bottom" class="flat fas" @tap="test()" :text="'fa-play' | fonticon" flat />
</DockLayout>
</WrapLayout>
<StackLayout height="100%" dock="top">
<PullToRefresh :refreshing="loading" ref="pullToRefresh" @refresh="load">
<ListView for="item in items" @itemTap="onItemTap">
<v-template>
<timeline-item :data="item" />
</v-template>
</ListView>
</PullToRefresh>
</StackLayout>
</DockLayout>