Иони c 4 Реакт Старт в нижней части страницы - PullRequest
Новая
       71

Иони c 4 Реакт Старт в нижней части страницы

0 голосов
/ 15 марта 2020

Я использую Ioni c 4 React и пытаюсь создать простое приложение для чата. Когда пользователь загружает страницу чата, я хотел бы автоматически начать внизу страницы. Какой самый простой способ сделать это?

Вот код, который у меня есть: 

<IonPage>
        {/* Header */}
        <IonHeader>
            <IonToolbar>
            <IonButtons slot="start">
            <IonButton onClick={() => {
                setCurrentConversationId('')
                setState('home');
            }}
            fill="clear"  className="back-button" shape="round" size="default">
                <IonIcon slot="icon-only" icon={arrowBack} />
            </IonButton>
            </IonButtons>
            <IonTitle>Chat</IonTitle>
            </IonToolbar>
        </IonHeader> 

        {/* Content */}
        <IonContent>        
            {Object.values(messages).map((el, idx) => 
                printMessage(el, idx)
            )}
        </IonContent>

    </IonPage>

1 Ответ

0 голосов
/ 15 марта 2020

Вы можете использовать .scrollToBottom(), когда загрузка контента завершена. Это метод ion-content.

...