欧洲杯官网投注

Ionic Docs Docs

Native

Search docs/
Search docs/
Ionic Docs Docs
  • Structure
  • Responsive Grid
  • Global StylesheetsCSS Utilities
  • Basics
  • Platform Styles
  • CSS VariablesColorsThemesDark ModeAdvancedColor Generator
  • Overview
  • Build Your First App
    LifecycleNavigation/RoutingConfigPlatformTestingStoragePerformanceProgressive Web Apps
  • Overview
  • Quickstart
  • Build Your First App
    LifecycleNavigation/RoutingConfigPlatform UtilsProgressive Web AppsTesting
  • Overview
  • Build Your First App
  • LifecycleNavigation/Routing
  • Animations
  • Gestures
  • iOS App Store
  • Android Play StoreProgressive Web App (PWA)Electron Desktop App
  • Security
  • Debugging
  • Build ErrorsRuntime ErrorsNative ErrorsCORS Errors
  • Fundamentals
  • Cross PlatformWeb ViewWhat are PWAs?
  • How to Contribute
  • Code of Conduct
  • Glossary
  • VersioningRelease NotesGitHub Changelog
  • Support Policy
  • Browser Support
  • Migration
  • Books
  • CoursesGuidesPostsToolsVideos

    Config

    Contents

    欧洲杯官网投注Ionic Config provides a way to change the properties of components globally across an app. It can set the app mode, tab button layout, animations, and more.

    Usage

    To override the initial Ionic config for the app, import thesetupConfig method from@ionic/react欧洲杯官网投注 and call it before you render any Ionic components:

    setupConfig({  rippleEffect: false,  mode: 'md'});<IonApp>  // more components</IonApp>
    CopyCopied

    In the above example, we are disabling the Material Design ripple effect across the app, as well as forcing the mode to be Material Design.

    Config Options

    Below is a list of config options that Ionic uses.

    actionSheetEnter
    Config TypeDescription
    AnimationBuilderProvides a custom enter animation for all ion-action-sheet, overriding the default "animation".
    actionSheetLeaveAnimationBuilderProvides a custom leave animation for all ion-action-sheet, overriding the default "animation".
    alertEnterAnimationBuilderProvides a custom enter animation for all ion-alert, overriding the default "animation".
    alertLeaveAnimationBuilderProvides a custom leave animation for all ion-alert, overriding the default "animation".
    animatedbooleanIf true, Ionic will enable all animations and transitions across the app.
    backButtonIconstringOverrides the default icon in all <ion-back-button> components.
    backButtonText string Overrides the default text in all<ion-back-button> components.
    hardwareBackButton boolean Iftrue, Ionic will respond to the hardware back button in an Android device.
    infiniteLoadingSpinner SpinnerTypes Overrides the default spinner type in all<ion-infinite-scroll-content> components.
    loadingEnter AnimationBuilder Provides a custom enter animation for allion-loading, overriding the default "animation".
    loadingLeave AnimationBuilder Provides a custom leave animation for allion-loading, overriding the default "animation".
    loadingSpinner SpinnerTypes Overrides the default spinner for allion-loading overlays.
    menuIcon string Overrides the default icon in all<ion-menu-button> components.
    menuType string Overrides the default menu type for all<ion-menu> components.
    modalEnter AnimationBuilder Provides a custom enter animation for allion-modal, overriding the default "animation".
    modalLeave AnimationBuilder Provides a custom leave animation for allion-modal, overriding the default "animation".
    mode Mode The mode determines which platform styles to use for the whole application.
    navAnimation AnimationBuilder Overrides the default "animation" of allion-nav andion-router-outlet across the whole application.
    pickerEnter AnimationBuilder Provides a custom enter animation for allion-picker, overriding the default "animation".
    pickerLeave AnimationBuilder Provides a custom leave animation for allion-picker, overriding the default "animation".
    popoverEnter AnimationBuilder Provides a custom enter animation for allion-popover, overriding the default "animation".
    popoverLeave AnimationBuilder Provides a custom leave animation for allion-popover, overriding the default "animation".
    refreshingIcon string Overrides the default icon in all<ion-refresh-content> components.
    refreshingSpinner SpinnerTypes Overrides the default spinner type in all<ion-refresh-content> components.
    sanitizerEnabled boolean Iftrue, Ionic will enable a basic DOM sanitizer on component properties that accept custom HTML.
    spinner SpinnerTypes Overrides the default spinner in all<ion-spinner> components.
    statusTap boolean Iftrue, clicking or tapping the status bar will cause the content to scroll to the top.
    swipeBackEnabled boolean Iftrue, Ionic will enable the "swipe-to-go-back" gesture across the application.
    tabButtonLayout TabButtonLayout Overrides the default "layout" of allion-bar-button across the whole application.
    toastEnter AnimationBuilder Provides a custom enter animation for allion-toast, overriding the default "animation".
    toastLeave AnimationBuilder Provides a custom leave animation for allion-toast, overriding the default "animation".
    Previous
    Navigation
    Next
    Platform