ion-footer
Ionic4项目中我们可以使用Ionic4导航条组件ion-footer对项目进行布局。 ion-footer官方文档地址:https://ionicframework.com/docs/api/footerFooter is a root component of a page that sits at the bottom of the page. Footer can be a wrapper for ion-toolbar to make sure the content area is sized correctly.
ion-footer 用法(Usage)
<ion-content>ion-content>
<ion-footer>
<ion-toolbar>
<ion-title>Footerion-title>
ion-toolbar>
ion-footer>
import React from 'react';
import { IonContent, IonFooter, IonToolbar, IonTitle } from '@ionic/react';
const Example: React.SFC<{}> = () => (
<>
<IonContent>IonContent>
<IonFooter>
<IonToolbar>
<IonTitle>FooterIonTitle>
IonToolbar>
IonFooter>
>
);
export default Example;
ion-footer 属性(Properties)
mode | |
---|---|
Description | The mode determines which platform styles to use. |
Attribute | mode |
Type | "ios" | "md" |
translucent | |
Description | If |
Attribute | translucent |
Type | boolean |
Default | false |