У меня есть приложение для чата, когда я нажимаю на textarea
чтобы начать вводить новое сообщение, клавиатура подталкивает все содержимое выше. Это означает, что ion-header
исчезает. Я бы хотел, чтобы это все время отображалось в верхней части экрана.
Вот пример GIF: https://i.imgur.com/a/GcmagJi
Код ion-header
:
<ion-header>
<ion-navbar>
<ion-buttons ion-fixed end>
<button ion-button icon-only (click)="closeChat()">
<ion-icon name="close-circle"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
Код ion-footer
:
<ion-footer>
<ion-grid>
<ion-row>
<ion-col col-9>
<textarea rows="3" [(ngModel)]="data.message" (keyup.enter)="sendMessage()" placeholder="Type your message ..."></textarea>
</ion-col>
<ion-col col-3>
<button ion-button (click)="sendMessage()">Send</button>
</ion-col>
</ion-row>
</ion-grid>
</ion-footer>
В моем файле app.module.ts
я использовал:
imports: [
BrowserModule,
LongPressModule,
IonicModule.forRoot(MyApp, {
scrollPadding: false,
scrollAssist: true,
autoFocusAssist: false
}
),
IonicStorageModule.forRoot(),
DragulaModule,
HttpModule
]
В моем chat.ts
меня есть:
constructor(private keyboard: Keyboard) {
this.keyboard.disableScroll(false);
}
Несмотря на все эти вещи, кажется, что заголовок не фиксируется на месте.
Я добавил полный код для chat.html
и chat.ts
в GitHib Gists ниже:
https://gist.github.com/christopherib/4b9e70590fb322bdc33ffbbe42d50685 https://gist.github.com/christopherib/cb3d234564c0feb1e8bf5b96f8d023c3