<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) 我正在使用以下命令在 android 上执行实时重新加载
ionic capacitor run android --livereload --external
Run Code Online (Sandbox Code Playgroud)
但它不起作用。
这是我收到的错误
Run Code Online (Sandbox Code Playgroud)The web page at http://localhost:8100/ could not be loaded because net : ERR_CONNECTION_REFUSED
我知道移动设备不理解本地主机,但我认为--externalflag 会处理它。现在我必须做些什么才能在 Android 上进行实时重新加载。
先感谢您
我正在使用 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) 我正在尝试将我的离子反应应用程序中的返回按钮更改为下一步/完成按钮。我将它用于 redux 表单,我完全不知道这是否是我应该在 React 代码中执行的操作,或者是否是在 Xcode 中构建的 swift 代码中执行的操作。
如果有人可以引导我到正确的位置或包含该位置的链接,那就太好了。
我正在使用 Ionic,我想知道是否有一种方法可以禁用 Ionic 在移动设备上输入时添加到页面的偏移量--keyboard-offset。
现在偏移量弄乱了我的用户界面,如果可能的话我想完全禁用它。
这发生在离子应用的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) 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) 我必须删除在.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) 我已经使用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) 在离子模式中,当某些东西不在离子含量范围内并打开键盘时,当屏幕上的键盘关闭时,会在键盘出现的地方显示空白。
ionic4 ×10
android ×3
angular ×3
capacitor ×3
css ×2
html ×2
getusermedia ×1
ionic5 ×1
ios ×1
keyboard ×1
reactjs ×1
redux-form ×1
whitespace ×1