मेरे मामले में आयात से नीचे AppModule जोड़ने से चूक की तुलना में अपेक्षाकृत बेहतर उपयोगकर्ता अनुभव का उत्पादन होता है।

IonicModule.forRoot(MyApp, {
            scrollPadding: false,
            scrollAssist: true, 
            autoFocusAssist: false
        }),

भगवान का शुक्र है अंत में प्रार्थना का जवाब दिया जाता है

1. टैब के भीतर खोज बार टैबबार को ऊपर धकेलता है।

Android पर टेस्ट कैसे करें?
हम हमेशा Android या डेस्कटॉप के लिए मदद करने के लिए खुश हैं। :)

अरे @ mburger81 , अच्छा सवाल! आयनिक-कोणीय का एक अपडेटेड रात्रिकालीन संस्करण अभी तक बाहर नहीं आया है, लेकिन जब हम एक रिलीज़ करते हैं तो मैं इस मुद्दे को निर्देश के साथ अपडेट करूँगा कि आप इसे एंड्रॉइड पर परीक्षण के लिए कैसे स्थापित कर सकते हैं।

ठीक है thx, हम एक लॉगिन पृष्ठ पर काम कर रहे हैं जहाँ हमारे पास कुछ इनपुट स्क्रॉल समस्याएँ हैं।
इसलिए मुझे लगता है कि हम इसकी जांच कर सकते हैं।

FYI करने से पहले हम इसका परीक्षण कर सकते हैं और इसे हमारे परीक्षक को जारी कर सकते हैं, हमें INVALID VIEWS बग (मील के पत्थर के लिए खुश) को हल करने की आवश्यकता है, क्योंकि यह हमारे लिए एक टूटने वाला मुद्दा है

आपकी बात समझ में आ गई! तो इनपुट स्क्रॉल समस्या पर, क्या आप इनपुट को अपने दृश्य के उस क्षेत्र में रखने का प्रयास कर सकते हैं, जो उसके खुलने पर कीबोर्ड कवर नहीं करता है?

यह एक अच्छा विचार है। यह सुनिश्चित करना आवश्यक है कि स्क्रॉल करते समय कर्सर बार के पीछे न जाए

यह बनाने के लिए आवश्यक है, कि कर्सर एक स्क्रॉल पर आयन-हेडर को ब्लॉक न करे

हमारी टीम के सदस्यों @danbucholtz से कुछ iOS प्रतिक्रिया:

व्यक्तिगत नियंत्रणों पर जो आमतौर पर एक फॉर्म के भीतर उपयोग नहीं किए जाते हैं (उदाहरण के लिए एक खोज इनपुट), क्या हम कीबोर्ड को "सबमिट" या "एंटर" पर बंद करने की जांच कर सकते हैं?

नेविगेशन क्रिया करते समय, कीबोर्ड खुला होने पर स्वतः बंद हो जाता है। हमें ओवरले के संबंध में इस व्यवहार को फिर से देखना चाहिए। उदाहरण के लिए, मैं कल्पना नहीं कर सकता कि मोडल खोलते समय और कीबोर्ड को खुला रखते हुए कई उपयोग के मामले हैं। एक्शनशीट, अलर्ट, लोडिंग, मोडल, पॉपओवर, पिकर और टोस्ट सभी एक नई कार्रवाई की शुरुआत करते हैं (उदाहरण के लिए एक समय चुनना) या एक पूर्ण कार्रवाई पर प्रतिक्रिया (किसी फॉर्म या कुछ को सबमिट करना या मान्य करना)। मुझे लगता है कि ओवरले खोलने के मामले में कीबोर्ड को बंद करना समझ में आता है।

chats.html

<ion-footer *ngIf="send.load_spinner==false" class="backgound_send_message">
<ion-toolbar>

<textarea *ngIf="Record.StartRecordGo==false" [(ngModel)]="you_comment" (keydown)="handleKeyDown($event)" (focus)="scrollTobottom()" placeholder="{{'chats.message' | translate }}"  id="my-textarea0" class="my-textarea" rows="1" autosize></textarea>

    <button ion-button clear large color="primary" *ngIf="send.you_comment.length>0" (click)="SendMessageServer(items)"><ion-icon class="SendMess" ios="ios-send-outline" md="md-send"></ion-icon></button>


</ion-toolbar>
</ion-footer>

chats.ts

SendMessageServer(items) {
    this.text_message_me.push(this.you_comment);
   document.getElementById('my-textarea0').focus(); // The keyboard remains open
}

यह कोड काम करता है (OPEN KYEBOARD)

<ion-footer>
<ion-toolbar>
<textarea></textarea>
</ion-footer>
</ion-toolbar>

यह ऊंचाई को अच्छी तरह से बदलता है, लेकिन जब आकार बदलता है तो एनीमेशन बनाना बेहतर होता है

https://forum.ionicframework.com/t/no-documentation-for-scrollassist-autofocusassist-inputblurring-config-settings/88450?u=rohinmohandas

यह इन विन्यासों के लिए दस्तावेज़ीकरण होने में उपयोगी हो सकता है यदि * वे इन कीबोर्ड और इनपुट संबंधी समस्याओं से निपटने में मदद कर सकते हैं, हो सकता है कि 3.2.0 तक जनता के लिए उपलब्ध कराया जाए।

मामले से संबंधित कोई समाधान जब कीबोर्ड इनपुट छुपाता है?

App.component.ts में निम्न कोड ने iOS और Android दोनों में कीबोर्ड के ऊपर रहने वाले पाद लेखों के वांछित प्रभाव उत्पन्न किए। किसी कारण से, एंड्रॉइड में स्टेटबार ओवरले व्यवहार कीबोर्ड की ऊंचाई के नीचे स्थित इनपुट तत्वों को छुपाता है जिस तरह से प्रभावित करता है।

import {Platform} from "ionic-angular";
import {Keyboard} from "@ionic-native/keyboard";
import {StatusBar} from "@ionic-native/status-bar";
import {SplashScreen} from "@ionic-native/splash-screen";

constructor(platform: Platform,public statusBar: StatusBar, public splashScreen: SplashScreen,
                public keyboard: Keyboard) {

        platform.ready().then(() => {
            if (platform.is("ios")) {
                statusBar.overlaysWebView(true);
                statusBar.styleBlackTranslucent();
            }
            splashScreen.hide();
            keyboard.hideKeyboardAccessoryBar(false); // use only on a need basis if accessory bar is needed.
            .
            .
            .

            }

यह बनाने के लिए आवश्यक है, कि कर्सर एक स्क्रॉल पर आयन-हेडर को ब्लॉक न करे

कोई भी मौका है कि # 7047 भी तय हो जाएगा?

यह वास्तव में ब्राउज़रों में कैसे काम करता है? क्या आयनिक किसी भी अतिरिक्त कार्यक्षमता को जोड़ता है जो इनपुट को तोड़ता है, या यह मोबाइल पर इनपुट फ़ील्ड के साथ सिर्फ एक चुनौतीपूर्ण समस्या है?

यह मेरा समाधान my यह ठीक काम करता है।

1. hideKeyboardAccessoryBar से true

this.keyboard.hideKeyboardAccessoryBar(true)

1. KeyboardAttachDirective.ts फ़ाइल बनाएँ

import { Directive, ElementRef, Input } from '@angular/core';
import { Content, Platform } from 'ionic-angular';
import { Keyboard } from '@ionic-native/keyboard';
import { Subscription } from 'rxjs/rx';


/**
 * <strong i="15">@name</strong> KeyboardAttachDirective
 * <strong i="16">@description</strong>
 * The `keyboardAttach` directive will cause an element to float above the
 * keyboard when the keyboard shows. Currently only supports the `ion-footer` element.
 *
 * ### Notes
 * - This directive requires [Ionic Native](https://github.com/driftyco/ionic-native)
 * and the [Ionic Keyboard Plugin](https://github.com/driftyco/ionic-plugin-keyboard).
 * - Currently only tested to work on iOS.
 * - If there is an input in your footer, you will need to set
 *   `Keyboard.disableScroll(true)`.
 *
 * <strong i="17">@usage</strong>
 *
 * ```html
 * <ion-content #content>
 * </ion-content>
 *
 * <ion-footer [keyboardAttach]="content">
 *   <ion-toolbar>
 *     <ion-item>
 *       <ion-input></ion-input>
 *     </ion-item>
 *   </ion-toolbar>
 * </ion-footer>
 * ```
 */

@Directive({
    selector: '[keyboardAttach]'
})
export class KeyboardAttachDirective {
    @Input('keyboardAttach') content: Content;

    private onShowSubscription: Subscription;
    private onHideSubscription: Subscription;

    private attachTime = 0;

    constructor(
        private elementRef: ElementRef,
        private platform: Platform,
        private keyboard: Keyboard
    ) {
        if (this.platform.is('cordova') && this.platform.is('ios')) {
            this.onShowSubscription = this.keyboard.onKeyboardShow().subscribe(e => this.onShow(e));
            this.onHideSubscription = this.keyboard.onKeyboardHide().subscribe(() => this.onHide());
        }
    }

    ngOnDestroy() {
        if (this.onShowSubscription) {
            this.onShowSubscription.unsubscribe();
        }
        if (this.onHideSubscription) {
            this.onHideSubscription.unsubscribe();
        }
    }

    private onShow(e) {
        let keyboardHeight: number = e.keyboardHeight || (e.detail && e.detail.keyboardHeight);

        if(this.attachTime > 1){
            if(
            keyboardHeight == 313 ||
            keyboardHeight == 258 ||
            keyboardHeight == 216 ||
            keyboardHeight == 253 ||
            keyboardHeight == 226 ||
            keyboardHeight == 271 ||
            keyboardHeight == 216 ||
            keyboardHeight == 264){
                this.setElementPosition(0)
            }else{
                if(this.attachTime > 2){
                    this.setElementPosition(0)
                }else{
                    this.setElementPosition(keyboardHeight);
                }
            }
        }else{
            this.setElementPosition(keyboardHeight);
        }
        this.attachTime ++
    };

    private onHide() {
        this.setElementPosition(0);
        this.attachTime = 0
    };

    private setElementPosition(pixels: number) {
        this.elementRef.nativeElement.style.paddingBottom = pixels + 'px';
        this.content.getScrollElement().style.marginBottom = (pixels + 44) + 'px';
        this.content.scrollToBottom()
    }
}

1. उपयोग

<ion-header (touchstart)="closeKeyboard()"></ion-header>

...

<ion-content #content (touchstart)="closeKeyboard()"></ion-content>

...

<ion-footer [keyboardAttach]="content" class="messagebar">
    <ion-toolbar no-border>
        <div class="toolbar-inner">
            <div #inputer style="-webkit-user-select: auto;padding:5px;font-size:16px; min-height:1.5em; width:100%;border:1px solid #ccc;background-color:#fff;" contenteditable="plaintext-only" (keyup)="keyup($event)" (focus)="onFocus($event)" (blur)="onBlur($event)"></div>
            <button ion-button small (tap)="send()" [disabled]="!msgContent.length">发送</button>
        </div>
    </ion-toolbar>
</ion-footer>

1. XXXPage.ts लिए कुछ विधियाँ जोड़ें

    onBlur(event) {
        if (this.keyboardOpen) {
            event.target.focus()
        }
    }

    keyup(event){
        this.msgContent = event.target.innerText
    }

    onFocus(event) {
        this.keyboardOpen = true
    }

    closeKeyboard() {
        this.keyboardOpen = false
        this.keyboard.close()
    }

perview.gif लिंक

पूर्वावलोकन .Mov लिंक

@ lh4111 महान! लेकिन क्या आपने Android में परीक्षण किया है? यह काम नहीं लगता।

हमें @aspidvip जैसी ही समस्या है
@ lh4111 क्या मैं आपसे पूछ सकता हूं कि आपका समाधान क्या है? क्या यह हेडर के तहत इनपुट के साथ समस्या को हल करता है?

@kitkimwong मैंने Android पर परीक्षण नहीं किया, लेकिन मुझे लगता है कि सिद्धांत समान होने चाहिए।

@ mburger81

1. this.keyboard.hideKeyboardAccessoryBar(true) द्वारा प्रदान की गई विधि ion-native/keyboard करें
   सेट कीबोर्ड कवर Page
2. जब कर्सर इनपुट पर ध्यान केंद्रित करेगा, तो कीबोर्ड खुल जाएगा। तो सेट ion-content दिखाने के लिए padding-bottom ion-footer

मेरी अंग्रेजी बहुत अच्छी नहीं है, मुझे आशा है कि आप समझ सकते हैं

वैसे भी यहां WKWebView प्लगइन का उपयोग किया गया है जो पहले धागे में वर्णित था? या UIWebView के संबंध में ये सभी टिप्पणियां हैं?

@ jgw96 मैंने अभी अपने iOS डिवाइस पर WKWebView का परीक्षण किया है। मेरे लिए काफी सुधार हुआ। ऐसा लगता है कि इनपुट फ़ील्ड कीबोर्ड के शीर्ष पर नहीं रहती है जैसे आप उम्मीद करेंगे और देरी हो रही है, यह अंत में शो दिखाता है। यह एक ज्ञात मुद्दा है?

क्या यह iOS ही है? मैंने एंड्रॉइड पर परीक्षण नहीं किया है लेकिन क्या यह वहां काम करता है?

रिकॉर्डिंग:
https://1drv.ms/v/s!AqSDIyRRHLbYazFGbIPhOGLC4sA

कोर्डोवा सीएलआई: 6.4.0
आयनिक फ्रेमवर्क संस्करण: 3.0.1
आयोनिक सीएलआई संस्करण: 2.1.14
आयोनिक ऐप लिब संस्करण: 2.1.7
आयोनिक ऐप लिपियों संस्करण: 1.3.0
आयोस-परिनियोजन संस्करण: 1.9.1
आईओएस-सिम संस्करण: 5.0.12
ओएस: मैकओएस सिएरा
नोड संस्करण: v7.4.0
Xcode संस्करण: Xcode 8.3.2 संस्करण 8E2002 बनाएँ

हे @manucorporat FYI करें मेरे परीक्षण से। ऊपर पोस्ट देखें और रिकॉर्डिंग करें। हमारा ऐप मूल रूप से एक चैट ऐप है, इसलिए यह जानना बहुत अच्छा होगा कि क्या आपको लगता है कि इस मुद्दे को हल किया जा सकता है।

@ jgw96 @manucorporat क्या आप इस परीक्षण की स्थिति के बारे में टिप्पणी कर सकते हैं और फ़िक्सेस बरनाच उत्पादन को प्रभावित करेगा? या क्या करना बाकी है? वास्तव में इसकी सराहना करेंगे।

@ jgw96 संभव है कि आप इस समस्या को अद्यतन करते हैं? ऐसा लगता है कि 3.3.0 मील का पत्थर चूक गया है।

क्या कीबोर्ड के मुद्दों के लिए कभी कोई आधिकारिक निर्णय आ रहा है? यह आयोनिक 1 के साथ काम करने के लिए एक दर्द रहा है और अभी भी कीबोर्ड के रूप में महत्वपूर्ण चीज के लिए कोई आधिकारिक निर्धारण नहीं है।

@nuvoPoint LoL, कीबोर्ड का मुद्दा लगभग 1.5 साल से है:

1. https://github.com/ionic-team/ionic/issues/6228
2. https://github.com/ionic-team/ionic/issues/5432

और वे केवल मुद्दे को बंद कर देते हैं .. LOL ...
इसलिए .. मैंने एक साल पहले कीबोर्ड के मुद्दे के कारण आयनिक छोड़ दिया, और अब, मैं यहां वापस लौटता हूं कि क्या कीबोर्ड को ठीक किया गया है, लेकिन जैसा कि आप देखते हैं, इस एक साल में उनकी कोई प्रगति नहीं है। :)

ऐसा लगता है कि वे एक साधारण ऐप के लिए एक बुनियादी घटक होने पर इनपुट बॉक्स एक बुनियादी घटक है जो उपयोगकर्ता के साथ बातचीत करता है, इस लानत मुद्दे के साथ हम केवल कुछ सरल जानकारी एपीपीएस बनाने के लिए आयोनिक का उपयोग कर सकते हैं। और शायद यह आयनिक की स्थिति है ...? जबरदस्त हंसी। मुझे नहीं पता।

और यदि आप फोरम में चर्चा देखते हैं, तो कई डेवलपर के पास एक ही मुद्दा और उत्तर है:
चैट ऐप की तरह एक सरल देशी बनाने के लिए आयोनिक का उपयोग संभव नहीं है:

https://forum.ionicframework.com/t/about-to-give-up-with-ionic-3-simple-native-like-chat-page-not-possible/87548

दोस्तों, कीबोर्ड पर काम किया जा रहा है, और यदि आप इसका परीक्षण करना चाहते हैं तो wk के लिए कॉर्डोवा प्लगइन में इसकी एक शाखा है।

cordova plugin add https://github.com/driftyco/cordova-plugin-wkwebview-engine.git#keyboard-fixes --save

ये वर्तमान सुधार हैं: https://github.com/ionic-team/cordova-plugin-wkwebview-engine/pull/131

इसे स्थापित करने का प्रयास करें, और देखें कि यह बेहतर है या नहीं। टीम फीडबैक की तलाश कर रही है

संपादित:

@AmitMY आप मुझसे प्रतिक्रिया पोस्ट करना कैसे चाहेंगे? इस धागे में?

मेरे iOS डिवाइस पर WKWebView का परीक्षण किया गया। मेरे लिए काफी सुधार हुआ।

वर्तमान मुद्दे:
ऐसा लगता है कि इनपुट फ़ील्ड कीबोर्ड के शीर्ष पर नहीं रहती है जैसे आप उम्मीद करेंगे और देरी हो रही है, यह अंत में शो दिखाता है। यह एक ज्ञात मुद्दा है?

रिकॉर्डिंग:
https://1drv.ms/v/s!AqSDIyRRHLbYazFGbIPhOGLC4sA

वैश्विक पैकेज:
@ आयनिक / क्लि-बर्तन: 1.2.0
कॉर्डोवा सीएलआई: 7.0.1
आयनिक सीएलआई: 3.2.0

स्थानीय पैकेज:
@ आयनिक / ऐप-स्क्रिप्ट: 1.3.7
@ आयनिक / क्ली-प्लगइन-कॉर्डोवा: 1.2.1
@ आयनिक / क्ली-प्लगइन-आयनिक-कोणीय: 1.2.0
कोर्डोवा प्लेटफार्म: ios 4.4.0
आयनिक रूपरेखा: आयनिक-कोणीय 3.0.1

सिस्टम:
नोड: v7.4.0
ओएस: मैकओएस सिएरा
Xcode: Xcode 8.3.2 संस्करण 8E2002 बनाएँ
आयोस-तैनाती: 1.9.1
आईओएस-सिम: 5.0.12

@jrmcdona मुझे लगता है कि आपको यहां फ़ीड वापस पोस्ट करना चाहिए। जब वह कर सकता है @manucorporat इसे देखेगा
इसे यथासंभव पेशेवर रखने की कोशिश करें, जैसे - यह बहुत अच्छा है कि आपके पास एक वीडियो है, लेकिन यह भी बताएं कि वीडियो में क्या गलत है (इसलिए हम हर बार रिकॉर्डिंग देखे बिना मुद्दों का ट्रैक रख सकते हैं)

टैब और कीबोर्ड खुले मुद्दे को ठीक करने पर कोई उम्मीद?

@ Floyd1256 इसे यहाँ लिंक करें, आपके पास सभी जानकारी के साथ। इस पूरे धागे की समीक्षा संभवत: अगले सप्ताह के अंत में की जाएगी, और फीडबैक के अनुसार सुधार किए जाएंगे

मुझे अपने ईओण ऐप में एक चैट सुविधा की आवश्यकता है।
मैंने अपनी परियोजना में कॉर्डोवा-प्लगइन-wkwebview-engine.git # कीबोर्ड-फ़िक्सेस का परीक्षण किया, महान सुधार किए गए हैं।
फिर भी देशी कीबोर्ड प्रबंधन की तुलना में अभी भी कुछ ऐसा नहीं है।
मेरे संदर्भ में मेरे फोन पर संदेश भेजने की सुविधा है लेकिन यह सबसे बड़ी प्रसिद्ध चैट ऐप्स के लिए एक ही बात है:
जब हम एक नया संदेश लिखने के लिए क्लिक करते हैं, तो कीबोर्ड नीचे दिखाए गए इनपुट टेक्स्ट और अंतिम संदेशों को दिखाता है और शीर्ष निश्चित हेडर नहीं है।
पुश एनीमेशन सुचारू है और नया संदेश टाइप करने पर भी हम अंतिम संदेश देख सकते हैं।
एक उदाहरण के लिए, बस किसी भी फोन के साथ एक एसएमएस लिखें और भेजें।

मैं एंड्रॉइड, आईओएस और विंडोज डिवाइस पर आयनिक कीबोर्ड के साथ समान व्यवहार करना चाहता हूं।
वर्तमान आयनिक कीबोर्ड पर, पुश एनीमेशन झटकेदार है और कीबोर्ड नीचे तय इनपुट को धक्का देता है लेकिन अंतिम संदेश (सभी उपकरणों पर) को कवर करता है।
परीक्षण के लिए बस एक आयनिक पाद लेख में पाठ-इनपुट जोड़ें और पाठ लिखें।
चुनौती बड़ी है, लेकिन एंड-यूजर्स एक कीबोर्ड को स्वीकार नहीं कर सकते हैं, जैसे कि एक देशी के साथ अंतर धुंधला है।
अन्यथा, महान आयनिक ढांचे के लिए धन्यवाद।

आकार बनाते समय एक एनीमेशन बनाने के लिए छोड़ दिया और कीबोर्ड को टैब करने पर दिखाई देने पर आकार बदलने की क्षमता को अक्षम करने के लिए प्रकट नहीं हुआ! या कीबोर्ड प्रदर्शित होने पर टैब की उपस्थिति को अक्षम करना संभव बनाता है

हाल ही में स्क्रॉल बग़ल गायब हो गया

इस समस्या के लिए मेरे पास एक दिलचस्प डिज़ाइन है, मुख्य वेबव्यू के शीर्ष पर नेस्टिंग वेबव्यू जोड़कर। इसलिए डेवलपर के पास UI को 2 परतों में अलग करने का विकल्प है, एक मुख्य सामग्री के लिए, और दूसरा किसी भी UI के लिए जिसे कीबोर्ड के साथ सिंक करने की आवश्यकता है।

@ खालिद-नावाफ़ आपका मुख्य दृश्य इस डिज़ाइन में ऊपर नहीं जा रहा है क्योंकि कीबोर्ड ऊपर उठता है। तो एक चैट परिदृश्य या एसएमएस में आप अपने सभी संदेशों को कवर कर रहे हैं। उदाहरण के लिए, iOS एसएमएस में टेक्स्ट बॉक्स के साथ संदेशों को बहुत ही सहज तरीके से पुश किया जाता है - ताकि आप भेजे गए अंतिम संदेश को हमेशा देख सकें। तब कीबोर्ड दर्ज करने के बाद ड्रॉप नहीं होता है जब तक आप टाइप नहीं करते हैं और छोड़ते हैं। मुझे व्यक्तिगत रूप से महसूस होता है कि आयनिक डिज़ाइन को आईओएस और एंड्रॉइड की नकल करनी चाहिए (हालांकि मैं एंड्रॉइड के लिए नहीं बोल सकता क्योंकि मैंने कभी भी उपयोग नहीं किया है)। मुझे यह भी पता नहीं है कि यह एक विकास के दृष्टिकोण से होने वाली जटिलताओं के बारे में कुछ भी नहीं है लेकिन उम्मीद है कि यह करीब हो जाएगा। WKWebView के साथ मेरे लिए काफी सुधार हुआ।

@jrmcdona , कीबोर्ड के साथ अब मुख्य समस्या यह है कि कीबोर्ड के साथ फूटर स्क्रॉल को सुचारू रूप से कैसे बनाया जाए। वर्तमान कीबोर्ड प्लगइन और वेब दृश्य एक दूसरे को भेजने की कोशिश कर रहे हैं, इसलिए वे एनीमेशन और आकार का प्रबंधन कर सकते हैं ..etc, और यह उन्हें एक दूसरे के साथ सिंक करने के लिए कठिन है। कभी-कभी वेबव्यू एनीमेशन की तुलना में तेज़ कीबोर्ड। इसलिए मैं यहां जो भी संबोधित करने की कोशिश कर रहा हूं वह मुख्य दृश्य के शीर्ष पर एक दूसरे वेबव्यू को इंटरड्यूस करना है। और मूल रूप से कीबोर्ड इसे ऊपर धकेल देगा, जबकि मुख्य वेब दृश्य में स्क्रॉल करने का विकल्प हो सकता है या "डेवलपर क्या चाहता है" पर निर्भर करता है और मुख्य दृश्य को स्क्रॉल करना अब एक समस्या नहीं है जो मुझे लगता है। चैट ऐप जैसे कि एक ही लेयर में सबकुछ होने के कारण सबसे ज्यादा समस्या होती है।

मंच में से कुछ का कहना है कि एक उत्कृष्ट प्लगइन है जो कीबोर्ड की समस्या को पूरी तरह से ठीक करता है।
Https://github.com/EddyVerbruggen/cordova-plugin-native-keyboard
एक बुरी खबर यह है कि इस प्लगइन का भुगतान किया जाता है।

इसके अलावा, बस आयनिक की "निश्चित कीबोर्ड शाखा" का परीक्षण करना, अभी भी एक बड़ी समस्या और एक बुरा उपयोगकर्ता अनुभव है।

@kitkimwong वाह जो अच्छा लग रहा है, इस तथ्य को छोड़कर कि यह बहुत महंगा है (विशेष रूप से इस तथ्य के लिए कि आयनिक मुक्त है)। @manucorporat आप निश्चित रूप से उस पर एक नज़र रखना चाहिए

वह प्लगइन आयनिक डॉक्स में सूचीबद्ध है। मैं आज इसे आजमाता हूं और देखता हूं कि यह कैसे चलता है। $ 200 सभी कुछ कंपनियों के लिए महंगा नहीं है जो मुझे लगता है। डेवलपर्स समय के दो घंटे उस के लिए भुगतान करेंगे और मुझे लगता है कि आप प्लगइन के बिना कीबोर्ड के साथ खिलवाड़ पर घंटों खर्च कर सकते हैं।
http://ionicframework.com/docs/native/native-keyboard/ मुझे गलत मत समझो, बल्कि भुगतान नहीं करेंगे, लेकिन मैं कर सकता हूँ!

मैंने कीबोर्ड का परीक्षण करने के लिए एक रेपो बनाया है, इस रेपो के साथ आप परीक्षण कर सकते हैं

• जैसे चैट एप
• फॉर्म और बहुत सारे इनपुट "फॉर्म आयनिक ई 2 ई टेस्ट"
• ios ** नए के लिए wkwebview
• RTL

यहाँ मेरा कुछ डेमो है

रेपो लिंक: https://github.com/Khalid-Nowaf/ionic-keyboard

रेपो क्लोनिंग के बाद आपको बस इतना करना है
sh ionic cordova run ios --prod ionic cordova run android --prod

7047

क्या यह वास्तविक इनपुट फ़ील्ड को मूल रूप से कीबोर्ड के विकल्प के रूप में शामिल करने का विचार हो सकता है? तब हम DOM रेंडरिंग पर निर्भर नहीं होंगे, और न ही फास्ट होने के लिए, और कीबोर्ड पर इनपुट स्टिक को लागू करना आसान होगा।

पुरानी कहावत "जब आपके पास एक हथौड़ा है, तो सब कुछ एक नाखून की तरह दिखता है" मन में आता है; इसलिए शायद हमें पूरी तरह से अलग तरीके से संपर्क करने की जरूरत है।

@larssn वह है जो पेड कीबोर्ड प्लगइन करता है। तो यह एक अच्छे विकल्प की तरह लगता है।

@jrmcdona ठीक हो सकता है हाँ। हालांकि इसमें एक इन-हाउस समाधान होगा जो 100% काम करता है। अतीत में, मैं कई प्लगइन्स पर निर्भर हो गया हूं जो अव्यवस्था में पड़ गए थे, और उन्हें बनाए रखना एक बुरा सपना था।

@larssn प्लगइन का उपयोग करने का सुझाव नहीं दे रहा था। आयनिक के लिए अपने विचार का सुझाव दे रहा था कि डिजाइन अच्छा लग रहा है और यह भी है कि प्लगइन क्या करता है।

जब तक हमें वर्तमान कीबोर्ड मुद्दों के बारे में आयनिक टीम से कुछ प्रतिक्रिया नहीं मिल जाती, - अगर कोई भी भुगतान किए गए प्लगइन का परीक्षण करना चाहता है तो मैंने यहां एक रेपो बनाया। हालाँकि, मैं किसी कारण से शुरू में दिखाने के लिए कीबोर्ड प्राप्त करने में असमर्थ हूं। मुझे दिखने के लिए ऊपरी दाएँ भाग में टॉगल पर क्लिक करना होगा। पृष्ठ लोड होने के बाद पता नहीं चल पाएगा कि यह दिखाई क्यों नहीं देगा। डेमो की तरह।

https://github.com/jrmcdona/keyboard-test

एक समाधान जो मेरे लिए काम करता है:

• input बजाय ion-input

@SoldierCorp आप WkWebView परीक्षण शाखा आयनिक प्रदान करने में मतलब है? या UIWebView?

@jrmcdona घटक के टेम्पलेट में, html तत्व ही।

इस विषय के बारे में सभी टिप्पणियों और अपेक्षाओं को ध्यान में रखते हुए, प्रदान करने के लिए क्यों नहीं सोचा
कीबोर्ड और इनपुट टेक्स्ट सहित एक समर्पित चैट घटक? आम डेवलपरों द्वारा एक बनाना बहुत मुश्किल है और यह वास्तव में बहुत अच्छा लगता है, भले ही तीसरे पक्ष के प्लगइन का उपयोग करने के लिए निराशा होगी।

इससे सहमत हूं कि 100%। अगर यह कुछ जटिलताओं के कारण प्राप्त नहीं होता है, तो उनका सामना करना पड़ता है, जो वास्तव में हम सभी के लिए उपयोगी होगा।

@AmitMY @manucorporat WKWebView परीक्षण शाखा के बारे में। विश्वास है कि आपके द्वारा भेजे गए हिट के बाद कीबोर्ड बंद नहीं होना चाहिए।
ठीक वैसे ही जैसे आप iOS में एसएमएस बातचीत के दौरान देखेंगे। यदि डेवलपर उस व्यवहार को नहीं चाहता है, तो वे कीबोर्ड को बंद विधि कह सकते हैं, लेकिन डिफ़ॉल्ट रूप से इसे खुला रहना चाहिए ताकि लोग कीबोर्ड के ऊपर और नीचे उछले बिना एक चैट परिदृश्य के दौरान संदेशों की खड़खड़ाहट कर सकें।

इस शाखा के साथ स्थिति क्या है? क्या कीबोर्ड के बारे में नवीनतम समाचार दिखाई देना संभव होगा? @AmitMY @manucorporat @ jgw96

@jrmcdona को इसे
[email protected]

ठीक है! 👍🏼

@manucorporat क्या मैं उस निर्माण को प्राप्त करने के लिए आयनिक[email protected] स्थापित करता
मैंने कोशिश की थी लेकिन यह अमान्य था। सुनिश्चित नहीं है कि कैसे प्राप्त करें कि आप को छोड़कर मुझे परीक्षण करना चाहते हैं।

@jrmcdona ने npm v ionic-angular versions --json चलाए, यह देखने के लिए कि कौन से संस्करण प्रकाशित हैं

@jrmcdona

npm install ionic-angular<strong i="7">@nightly</strong>

ठीक है धन्यवाद @manucorporat मैंने WKWebView परीक्षण शाखा को हटा दिया और इसे नवीनतम के साथ वापस जोड़ दिया।
<plugin name="cordova-plugin-wkwebview-engine" spec="^1.1.3" />

फिर मैंने एंगुलर को 4.1.3 में अपडेट किया ताकि मैं रात को स्थापित कर सकूं।

ऐसा लगता है कि यह प्राइम टाइम के लिए अभी तैयार नहीं है। WKWebView परीक्षण शाखा ने अब जो हमारे पास है उससे बेहतर व्यवहार किया। इस संस्करण के साथ इनपुट बॉक्स बिल्कुल नहीं उठता है। केवल कीबोर्ड जिसमें कोई इनपुट नहीं है। परीक्षण शाखा में कीबोर्ड ऊपर उठ जाएगा, लेकिन बस थोड़ा विलंब हुआ। आदर्श नहीं, लेकिन काम करने योग्य।

क्या किसी के पास अच्छी तरह से काम करने वाले कीबोर्ड का एक रेपो है?

क्या यह एक ज्ञात मुद्दा है, क्या ज्ञात मुद्दों की एक सूची है?
क्या मुझे नए मुद्दों को लॉग इन करना चाहिए?

यहाँ एक वीडियो है।
https://1drv.ms/v/s ! AnyXOztVClZYbfswP -UEtaHEU0I

यहाँ कोड है:

<div class="chat-window-container" style="padding-top:20px">
  <div class="chat-window">
    <div class="message-list">

      <chat-message *ngFor="let message of messages | async" [message]="message">
      </chat-message>

    </div>

    <message-input>

      <div style="flex:1;padding-left:5px;">
        <ion-input [(ngModel)]="draftMessage.text" (keydown.enter)="onEnter($event)" autofocus="" placeholder="Type to chat..." maxlength="2000"></ion-input>
      </div>
      <div (click)="onEnter($event)" style="display:table;width:50px;height:100%">
        <ion-icon name="send" color="primary" class="message-send-icon"></ion-icon>
      </div>
    </message-input>
  </div>
</div>

सबको शुक्रीया

@jmcdona हाँ, अभी भी रिलीज़ नहीं हुई है, हम एक नया कीबोर्ड प्लगइन तैयार कर रहे हैं:

1. CLI अपडेट करें:
   `` `
   npm स्थापित -g आयनिक

2. Make sure you are using ionic-framework nightly or 3.4

3. Make sure you are using the latest WK plugin

4. Remove ionic-keyboard-plugin: **SUPER IMPORTANT STEP!!!!**

5. Install the new keyboard plugin: 
 ```
ionic cordova plugin add https://github.com/ionic-team/cordova-plugin-keyboard --save

Pleasee! मुझे बताओ कि यह आपके लिए कैसे काम करता है

@manucorporat
संस्करण 3.4 अभी तक प्रकाशित नहीं हुआ है।

रात और अन्य हाल ही में प्रकाशित संस्करण मेरे लिए अमान्य के रूप में विफल हो रहे हैं। स्क्रीनशॉट देखें

@jrmcdona क्या आपने नोड_मॉडल हटाने और फिर से npm स्थापित करने की कोशिश की है? सुनिश्चित करें कि आप उपयोग करते हैं - आयनिक-कोणीय @ रात्रि में।

हालांकि, 3.4 आज रिलीज होने वाली है।

@manucorporat UI यहाँ बहुत अच्छी लग रही है! इनपुट बॉक्स कीबोर्ड के शीर्ष पर रहता है। हो सकता है कि इनपुट और कीबोर्ड का बहुत हल्का अलगाव हो ताकि आप थोड़ा बता सकें कि वे एक अच्छी इकाई नहीं हैं। लेकिन बहुत सुधार हुआ!

मुझे यकीन नहीं था कि शो / छिपाने के तरीकों के साथ खेलने के लिए कीबोर्ड को ऐप में कैसे आयात किया जाए।
(अर्थात '@ आयनिक-मूल / कीबोर्ड' से {कीबोर्ड} आयात करें;)

ऐसा लगता है कि यदि आप भेजने वाले बटन पर क्लिक करते हैं तो कीबोर्ड अपने आप बंद हो जाता है (मैं इसे कोड में बंद नहीं कर रहा हूं क्योंकि मेरे पास कीबोर्ड में कोई आयातित कीबोर्ड नहीं है। कीबोर्ड का उपयोग कैसे करें। आदि) आईओएस एसएमएस कैसे काम करता है जैसे कीबोर्ड खुला?

यहाँ एक रिकॉर्डिंग है।
https://1drv.ms/v/s!AnyXOztVClZYcY3vYXiXYaAZNdE

आश्चर्य है कि क्या आपने कभी कीबोर्ड प्लगइन के साथ इनपुट को शामिल किया है और क्या यह डिवाइस प्रकार के अनुसार स्टाइल किया है?

अच्छा काम है मनु!

@manucorporat वास्तव में महान सुधार, क्या आप सामग्री (हेडर को छोड़कर) पुश करने के लिए एक विकल्प जोड़ सकते हैं ताकि हम आखिरी संदेश देख सकें जब कीबोर्ड खुला हो और इनपुट पाठ नीचे तय हो?

कीबोर्ड को काम करने के लिए मुझे किस प्लग-इन को स्थापित करने की आवश्यकता है?

@aspidvip मनु ने कुछ पदों का उल्लेख किया है। मैं इसे यहाँ कॉपी करूँगा।

CLI अपडेट करें:
npm स्थापित -g आयनिक
सुनिश्चित करें कि आप रात या 3.4 में आयनिक-फ्रेमवर्क का उपयोग कर रहे हैं

सुनिश्चित करें कि आप नवीनतम WK प्लगइन का उपयोग कर रहे हैं

आयनिक-कीबोर्ड-प्लगइन निकालें: महत्वपूर्ण महत्वपूर्ण कदम !!!!

नया कीबोर्ड प्लगइन स्थापित करें:

आयनिक कॉर्डोबा प्लगइन https://github.com/ionic-team/cordova-plugin-keyboard-save जोड़ें

https://github.com/driftyco/cordova-plugin-wkwebview-engine.git#keyboard -fixes

या

https://github.com/driftyco/cordova-plugin-wkwebview-engine.git

??????

और नए प्लगइन कीबोर्ड का उपयोग कैसे करें?

यह अच्छा है अगर कीबोर्ड को div में एक बच्चे के रूप में जोड़ा जाता है: ~

aspidvip 18 जून 2017