标签: ionic4

Ionic v4:将徽标放置在离子头的中心

   <ion-header mode="ios">
     <ion-toolbar class="ion-no-padding" mode="ios" color="secondary">
      <ion-buttons mode="md" slot="start">
        <ion-button (click)="toggleMenu()">
         <ion-icon slot="icon-only" src="assets/icon/hamburger.svg"></ion-icon>
        </ion-button>
      </ion-buttons>
      <ion-title>My Navigation Bar</ion-title>
    </ion-toolbar>
 </ion-header>
Run Code Online (Sandbox Code Playgroud)

这非常适合中心的 Ion 标题。我想在中心添加徽标​​而不是文本。尝试在 ion-title 中添加 ion-icon 但没有成功。

    <ion-title>
     <ion-icon slot="icon-only" src="assets/icon/logo.svg"></ion-icon>
    </ion-title>
Run Code Online (Sandbox Code Playgroud)

ionic-framework ionic4

1
推荐指数
1
解决办法
4171
查看次数

离子电容器实时重新加载在 Android 上不起作用

我正在使用以下命令在 android 上执行实时重新加载

ionic capacitor run android --livereload --external
Run Code Online (Sandbox Code Playgroud)

但它不起作用。

这是我收到的错误

The web page at http://localhost:8100/ could not be loaded because

net : ERR_CONNECTION_REFUSED
Run Code Online (Sandbox Code Playgroud)

我知道移动设备不理解本地主机,但我认为--externalflag 会处理它。现在我必须做些什么才能在 Android 上进行实时重新加载。

先感谢您

android ionic-framework ionic4 capacitor

1
推荐指数
1
解决办法
4963
查看次数

图像无法在寻呼机点上滑动单击 ionic 5

我正在使用 ionic v5 工作。我想在寻呼机点单击上滑动图像,但现在不起作用。

我的代码是:

 <ion-slides pager="true">
   <ion-slide>
     <p>Page1</p>
   </ion-slide>
   <ion-slide>
     <p>Page2</p>
   </ion-slide>
   <ion-slide>
     <p>Page3</p>
   </ion-slide>
 </ion-slides>
</ion-content>
Run Code Online (Sandbox Code Playgroud)

ionic-framework ionic4 ionic5

1
推荐指数
1
解决办法
1543
查看次数

如何在反应离子应用程序中将ios键盘返回按钮更改为下一步/完成?

我正在尝试将我的离子反应应用程序中的返回按钮更改为下一步/完成按钮。我将它用于 redux 表单,我完全不知道这是否是我应该在 React 代码中执行的操作,或者是否是在 Xcode 中构建的 swift 代码中执行的操作。

如果有人可以引导我到正确的位置或包含该位置的链接,那就太好了。

ios reactjs redux-form ionic4 capacitor

1
推荐指数
1
解决办法
2809
查看次数

如何在 ionic 4 中禁用 --keyboard-offset?

我正在使用 Ionic,我想知道是否有一种方法可以禁用 Ionic 在移动设备上输入时添加到页面的偏移量--keyboard-offset

现在偏移量弄乱了我的用户界面,如果可能的话我想完全禁用它。

ionic-framework ionic4 capacitor

1
推荐指数
1
解决办法
2276
查看次数

在ionic-webview中不允许Ionic 4 getUserMedia

这发生在离子应用的Android版本中。我正在使用iframe测试getUserMedia。webrtc的演示页面给我“ GetUserMedia:不允许的错误”。我已经在AndroidManifest.xml中授予了所有权限,但仍然无法访问相机。为了获得外部网站的摄像头访问权,还有什么需要做的吗?

home.html

<ion-content class= 'padding has-subheader'>
  <iframe class= 'webPage' name= "eventsPage" src="https://webrtc.github.io/samples/src/content/getusermedia/gum/">
 </iframe>
</ion-content>
Run Code Online (Sandbox Code Playgroud)

config.xml

<plugin name="cordova-plugin-statusbar" spec="2.4.2" />
<plugin name="cordova-plugin-device" spec="2.0.2" />
<plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
<plugin name="cordova-plugin-ionic-webview" spec="^2.0.0" />
<plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
<plugin name="cordova-plugin-camera" spec="^4.0.3" />
<plugin name="android-camera-permission" spec="^1.0.0" />
<plugin name="cordova-plugin-media" spec="^5.0.2" />
<plugin name="cordova-opentok-android-permissions" spec="^1.0.1" />
<plugin name="cordova.plugins.diagnostic" spec="^4.0.10" />
<plugin name="cordova-plugin-android-permissions" spec="^1.0.0" />
<plugin name="cordova-plugin-media-capture" spec="^3.0.2" />
<plugin name="cordova-plugin-compat" spec="^1.2.0" />
<plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
<engine name="android" spec="7.0.0" />
Run Code Online (Sandbox Code Playgroud)

android getusermedia ionic-framework ionic4 ionic-webview

0
推荐指数
1
解决办法
1484
查看次数

How to change ion-button size in Ionic 4?

I'm having trouble changing the size of my ion-button in Ionic 4. This same code used to work in the previous version, Ionic 3. I've modified my width and height of the button, but nothing works.

All that shows is the standard ion-button with an unchanged height/width.

page.scss

.button {
        display: table;
        margin: 0 auto;
        border-radius: 4px;
        margin-top: 27px;
   .login {
        font-family: $font;
        letter-spacing: 2px;
        width: 280px;
        height: 50px;
        display: block;
        border-radius: 4px;
    }
}
Run Code Online (Sandbox Code Playgroud)

page.html

<div class="button"><ion-button class="login" (click)="login(oldUser)">LOGIN</ion-button></div>
Run Code Online (Sandbox Code Playgroud)

html css ionic-framework angular ionic4

0
推荐指数
1
解决办法
4401
查看次数

如何在ionic v4的item-native div中编辑“ item-inner”类?

我必须删除在.item-native内部的.item-inner类中累加的多余填充。 https://ibb.co/vs4BWWp

<div class="item-native">
<slot name="start">
</slot>
<div class="item-inner">
<div class="input-wrapper">
<slot></slot>
</div><slot name="end"></slot>
<div class="item-inner-highlight"></div></div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css ionic-framework angular ionic4

0
推荐指数
2
解决办法
2388
查看次数

IONIC 4空项目Android APK文件大小

我已经使用ionic 4开发了该应用,并创建了新的标签应用,并构建了android apk文件,其大小变得太大了。

应用大小为6177kB

"@angular/common": "^7.2.2",
    "@angular/core": "^7.2.2",
    "@angular/forms": "^7.2.2",
    "@angular/http": "^7.2.2",
    "@angular/platform-browser": "^7.2.2",
    "@angular/platform-browser-dynamic": "^7.2.2",
    "@angular/router": "^7.2.2",
    "@ionic-native/core": "^5.0.0",
    "@ionic-native/splash-screen": "^5.0.0",
    "@ionic-native/status-bar": "^5.0.0",
    "@ionic/angular": "^4.0.0",
    "cordova-android": "7.1.4",
Run Code Online (Sandbox Code Playgroud)

ionic-framework angular ionic4

0
推荐指数
1
解决办法
725
查看次数

ionic 4 android键盘向下左空白

在离子模式中,当某些东西不在离子含量范围内并打开键盘时,当屏幕上的键盘关闭时,会在键盘出现的地方显示空白。

keyboard whitespace android samsung-mobile ionic4

0
推荐指数
1
解决办法
514
查看次数