底部按钮本机脚本

时间:2018-11-16 16:49:25

标签: nativescript angular2-nativescript nativescript-angular nativescript-telerik-ui

我有此代码

<ActionBar title="Home" class="action-bar"></ActionBar>
<GridLayout rows="auto, *, auto">
    <ScrollView col="0" row="1">
        <StackLayout>
            <GridLayout rows="auto, auto, auto, auto, *, 60">
                <StackLayout row="0" backgroundColor="#eee" class="p-20">
                    <Label text="Send email to"></Label>
                    <Label text="email@gmail.com"></Label>
                </StackLayout>
                <Label row="1" text="subject" class="p-10"></Label>
                <TextField row="2" hint="Enter text... "></TextField>
                <FlexboxLayout row="3" colSpan="2" justifyContent="space-between" class="p-10">
                    <Label text="message" class="label-title"></Label>
                    <Label class="label-title">
                        <FormattedString>
                            <Span text="20" padding="90"></Span>
                            <Span text="/"></Span>
                            <Span text="300"></Span>
                        </FormattedString>
                    </Label>
                </FlexboxLayout>
                <TextView row="4" text="" hint="Enter your message..."></TextView>
            </GridLayout>
        </StackLayout>
    </ScrollView>
    <GridLayout row="2">
        <Button text="send" class="btn-message"></Button>
    </GridLayout>
</GridLayout>

在操场上的作品如预期般:https://play.nativescript.org/?template=play-ng&id=2oSzob

但在我的设备上却没有,底部按钮隐藏在键盘下方。有人可以告诉我我在做什么错吗?

enter image description here

1 个答案:

答案 0 :(得分:1)

m应该适用于iOS。

对于Android,请确保nativescript-iqkeyboardmanager中的windowSoftInputMode设置为adjustResize

App_Resources/Android/src/main/AndroidManifest.xml