Flutter教程

ion-footer

概要(CONTENTS)

Ionic4项目中我们可以使用Ionic4导航条组件ion-footer对项目进行布局。

ion-footer官方文档地址:https://ionicframework.com/docs/api/footer

Footer 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 true, the footer will be translucent. Note: In order to scroll content behind the footer, the fullscreen attribute needs to be set on the content.

Attribute translucent
Type boolean
Default false