Кнопка перемещения родного скрипта над клавиатурой - PullRequest
Новая
       5

Кнопка перемещения родного скрипта над клавиатурой

0 голосов
/ 19 ноября 2018

Как я могу переместить кнопку, которая перекрывается открытой клавиатурой над клавиатурой, и вернуть ее, когда клавиатура закрыта?

Ответы [ 2 ]

0 голосов
/ 07 июня 2019

Вы можете попробовать это: https://gist.github.com/elvticc/0c789d08d57b1f4d9273f7d93a7083ec

// Also use IQKeyboardManager to customize the iOS keyboard
// See https://github.com/tjvantoll/nativescript-IQKeyboardManager

// let iqKeyboard: IQKeyboardManager = IQKeyboardManager.sharedManager();
// iqKeyboard.toolbarDoneBarButtonItemText             = "OK";
// iqKeyboard.canAdjustAdditionalSafeAreaInsets        = true;
// iqKeyboard.shouldFixInteractivePopGestureRecognizer = true;

// Angular
[...]
import { OnInit, OnDestroy, ElementRef, ViewChild } from "@angular/core";
[...]

// NativeScript
[...]
import { ios as iosApp } from "tns-core-modules/application/application";
[...]

@ViewChild("element") private _element: ElementRef<StackLayout>; // FlexboxLayout, GridLayout, etc.

private _keyboardHeight: number = 0;
private _elementHeight:  number = 0;
private _observerIDs:    Array<object> = new Array();

// Start events when the component is ready
ngOnInit(): void {

    // iOS keyboard events
    if (iosApp) {

        let eventNames: Array<string> = [
                UIKeyboardWillShowNotification,
                UIKeyboardDidShowNotification,
                UIKeyboardWillHideNotification
            ];

        // Catch the keyboard height before it appears
        this._observerIDs.push({
            event: eventNames[0],
            id: iosApp.addNotificationObserver(eventNames[0], (event) => {

                    let currHeight: number = this._keyboardHeight,
                        newHeight:  number = event.userInfo.valueForKey(UIKeyboardFrameEndUserInfoKey).CGRectValue.size.height;

                    if (currHeight != newHeight) {

                        this._keyboardHeight = newHeight;

                    }

                })
        });

        // Position the element according to the height of the keyboard
        this._observerIDs.push({
            event: eventNames[1],
            id: iosApp.addNotificationObserver(eventNames[1], (event) => {

                    if (this._elementHeight == 0) {

                        this._elementHeight = this._element.nativeElement.getActualSize().height;

                    }

                    this._element.nativeElement.height = this._keyboardHeight + this._elementHeight;

                })
        });

        // Reposition the element according to its starting height
        this._observerIDs.push({
            event: eventNames[2],
            id: iosApp.addNotificationObserver(eventNames[2], () => {

                    this._element.nativeElement.height = this._elementHeight; // or "auto";

                })
        });

    }

}

// Stop events to avoid a memory leak
ngOnDestroy(): void {

    if (iosApp) {

        let index: number = 0;

        for (index; index < this._observerIDs.length; index++) {

            let observerId: number = this._observerIDs[index]['id'],
                eventName:  string = this._observerIDs[index]['event'];

            iosApp.removeNotificationObserver(observerId, eventName);

        }

    }

}

Оригинал Марселя Плоха: https://gist.github.com/marcel-ploch/bf914dd62355049a0e5efb4885ca4c6e

0 голосов
/ 20 ноября 2018

Вы можете использовать плагин nativescript-IQKeyboardManager . Это обрабатывает вышеуказанную ситуацию для IOS. Чтобы использовать этот плагин, вам просто нужно установить его. 

tns plugin add nativescript-iqkeyboardmanager

P.S. Вышеупомянутое решение работает для IOS. Для Android вам нужно исправить adjustResize на windowSoftInputMode в App_Resources / Android / src / main / AndroidManifest.xml 

<activity>
        android:name="com.tns.NativeScriptActivity"
        android:windowSoftInputMode="adjustResize"
        android:configChanges="keyboardHidden|orientation|screenSize"
        android:theme="@style/LaunchScreenTheme">
</activity>

Если вы хотите увеличить расстояние между текстовым полем и клавиатурой 

const iqKeyboard = IQKeyboardManager.sharedManager();
iqKeyboard.overrideKeyboardAppearance = true;
iqKeyboard.keyboardAppearance = UIKeyboardAppearance.Dark;
iqKeyboard.keyboardDistanceFromTextField = 40.0
...