Nativescript move button above keyboard

up vote
1
down vote

favorite

How can I move a button that is overlaid by opened keyboard above the keyboard and bring it back when keyboard is closed?

asked Nov 19 at 14:13

Daniel

3841514

add a comment |

up vote
1
down vote

favorite

How can I move a button that is overlaid by opened keyboard above the keyboard and bring it back when keyboard is closed?

asked Nov 19 at 14:13

Daniel

3841514

add a comment |

up vote
1
down vote

favorite

How can I move a button that is overlaid by opened keyboard above the keyboard and bring it back when keyboard is closed?

asked Nov 19 at 14:13

Daniel

3841514

How can I move a button that is overlaid by opened keyboard above the keyboard and bring it back when keyboard is closed?

angular2-nativescript nativescript-angular

asked Nov 19 at 14:13

Daniel

3841514

asked Nov 19 at 14:13

Daniel

3841514

asked Nov 19 at 14:13

Daniel

3841514

asked Nov 19 at 14:13

Daniel

3841514

asked Nov 19 at 14:13

Daniel

3841514

add a comment |

1 Answer
1

active

oldest

votes

up vote
0
down vote

You can use nativescript-IQKeyboardManager plugin. That handles the above situation for ios.
To use that plugin, you just need to install it.

tns plugin add nativescript-iqkeyboardmanager

P.S. Above solution works for IOS. For Android, you need to fix the adjustResize to windowSoftInputMode in 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>

If you want more distance between textfield and keyboard

const iqKeyboard = IQKeyboardManager.sharedManager();

iqKeyboard.overrideKeyboardAppearance = true;

iqKeyboard.keyboardAppearance = UIKeyboardAppearance.Dark;

iqKeyboard.keyboardDistanceFromTextField = 40.0

edited Nov 21 at 23:21

answered Nov 19 at 23:44

Narendra Mongiya

974617

The plugin you provided for iOS works for text fields only, I need it to with buttons.
– Daniel
Nov 20 at 5:55

In that case you can set the keyboard distance from textfield. I am using your button is somewhere below the text field. I am updating the answer with example of this.
– Narendra Mongiya
Nov 20 at 10:57

@Daniel I have updated the code.
– Narendra Mongiya
Nov 21 at 23:22

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53376486%2fnativescript-move-button-above-keyboard%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
0
down vote

You can use nativescript-IQKeyboardManager plugin. That handles the above situation for ios.
To use that plugin, you just need to install it.

tns plugin add nativescript-iqkeyboardmanager

P.S. Above solution works for IOS. For Android, you need to fix the adjustResize to windowSoftInputMode in 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>

If you want more distance between textfield and keyboard

const iqKeyboard = IQKeyboardManager.sharedManager();

iqKeyboard.overrideKeyboardAppearance = true;

iqKeyboard.keyboardAppearance = UIKeyboardAppearance.Dark;

iqKeyboard.keyboardDistanceFromTextField = 40.0

edited Nov 21 at 23:21

answered Nov 19 at 23:44

Narendra Mongiya

974617

The plugin you provided for iOS works for text fields only, I need it to with buttons.
– Daniel
Nov 20 at 5:55

In that case you can set the keyboard distance from textfield. I am using your button is somewhere below the text field. I am updating the answer with example of this.
– Narendra Mongiya
Nov 20 at 10:57

@Daniel I have updated the code.
– Narendra Mongiya
Nov 21 at 23:22

add a comment |

up vote
0
down vote

You can use nativescript-IQKeyboardManager plugin. That handles the above situation for ios.
To use that plugin, you just need to install it.

tns plugin add nativescript-iqkeyboardmanager

P.S. Above solution works for IOS. For Android, you need to fix the adjustResize to windowSoftInputMode in 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>

If you want more distance between textfield and keyboard

const iqKeyboard = IQKeyboardManager.sharedManager();

iqKeyboard.overrideKeyboardAppearance = true;

iqKeyboard.keyboardAppearance = UIKeyboardAppearance.Dark;

iqKeyboard.keyboardDistanceFromTextField = 40.0

edited Nov 21 at 23:21

answered Nov 19 at 23:44

Narendra Mongiya

974617

The plugin you provided for iOS works for text fields only, I need it to with buttons.
– Daniel
Nov 20 at 5:55

In that case you can set the keyboard distance from textfield. I am using your button is somewhere below the text field. I am updating the answer with example of this.
– Narendra Mongiya
Nov 20 at 10:57

@Daniel I have updated the code.
– Narendra Mongiya
Nov 21 at 23:22

add a comment |

up vote
0
down vote

You can use nativescript-IQKeyboardManager plugin. That handles the above situation for ios.
To use that plugin, you just need to install it.

tns plugin add nativescript-iqkeyboardmanager

P.S. Above solution works for IOS. For Android, you need to fix the adjustResize to windowSoftInputMode in 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>

If you want more distance between textfield and keyboard

const iqKeyboard = IQKeyboardManager.sharedManager();

iqKeyboard.overrideKeyboardAppearance = true;

iqKeyboard.keyboardAppearance = UIKeyboardAppearance.Dark;

iqKeyboard.keyboardDistanceFromTextField = 40.0

edited Nov 21 at 23:21

answered Nov 19 at 23:44

Narendra Mongiya

974617

You can use nativescript-IQKeyboardManager plugin. That handles the above situation for ios.
To use that plugin, you just need to install it.

tns plugin add nativescript-iqkeyboardmanager

P.S. Above solution works for IOS. For Android, you need to fix the adjustResize to windowSoftInputMode in 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>

If you want more distance between textfield and keyboard

const iqKeyboard = IQKeyboardManager.sharedManager();

iqKeyboard.overrideKeyboardAppearance = true;

iqKeyboard.keyboardAppearance = UIKeyboardAppearance.Dark;

iqKeyboard.keyboardDistanceFromTextField = 40.0

edited Nov 21 at 23:21

answered Nov 19 at 23:44

Narendra Mongiya

974617

edited Nov 21 at 23:21

answered Nov 19 at 23:44

Narendra Mongiya

974617

answered Nov 19 at 23:44

Narendra Mongiya

974617

answered Nov 19 at 23:44

Narendra Mongiya

974617

The plugin you provided for iOS works for text fields only, I need it to with buttons.
– Daniel
Nov 20 at 5:55

In that case you can set the keyboard distance from textfield. I am using your button is somewhere below the text field. I am updating the answer with example of this.
– Narendra Mongiya
Nov 20 at 10:57

@Daniel I have updated the code.
– Narendra Mongiya
Nov 21 at 23:22

add a comment |

The plugin you provided for iOS works for text fields only, I need it to with buttons.
– Daniel
Nov 20 at 5:55

In that case you can set the keyboard distance from textfield. I am using your button is somewhere below the text field. I am updating the answer with example of this.
– Narendra Mongiya
Nov 20 at 10:57

@Daniel I have updated the code.
– Narendra Mongiya
Nov 21 at 23:22

The plugin you provided for iOS works for text fields only, I need it to with buttons.
– Daniel
Nov 20 at 5:55

In that case you can set the keyboard distance from textfield. I am using your button is somewhere below the text field. I am updating the answer with example of this.
– Narendra Mongiya
Nov 20 at 10:57

@Daniel I have updated the code.
– Narendra Mongiya
Nov 21 at 23:22

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Nsryjdtyk