如何在NativeScript中将按钮固定到屏幕底部
在NativeScript中将按钮固定到屏幕底部，可以通过以下步骤实现：
- 创建一个布局容器，例如StackLayout或GridLayout，作为按钮的父容器。
- 将该容器设置为垂直方向布局，并将其放置在页面的底部。
- 在容器中添加一个按钮组件，并设置其垂直对齐方式为底部对齐。
以下是一个示例代码：
<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded">
<StackLayout orientation="vertical" verticalAlignment="bottom">
<!-- 其他内容 -->
<Button text="固定按钮" verticalAlignment="bottom" />
</StackLayout>
</Page>在上述示例中，StackLayout作为按钮的父容器，设置了垂直方向布局和底部对齐。按钮的垂直对齐方式也设置为底部对齐，这样按钮就会固定在屏幕底部。
请注意，这只是一种实现方式，你也可以使用其他布局容器和属性来实现相同的效果。此外，NativeScript还提供了丰富的UI组件和布局选项，可以根据具体需求进行调整。
推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mps）
相关·内容
1回答
标签点击事件延迟
nativescript、angular2-nativescript
在标签上使用tap事件和在按钮组件上使用tap事件在性能上存在一些差异。让我们以nativescript hello world应用程序为例
尤其是这段代码
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
<StackLayout>
<Label text="Tap the button" class="title"/>
<Button tex
浏览 18提问于2016-09-15得票数 1
2回答
如何在导航结束后将更改保存在页面上？
nativescript
我有这一页有两个按钮如下所示。目标是触发一个事件，以改变按钮的颜色。
问题是，在tap事件更改了颜色之后，我从它处导航，按钮的颜色返回到默认状态。
请把导航后的更改保存好吗？
<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded" navigatedTo="navigatedTo">
<ActionBar title="Settings">
<NavigationButton text="Back
浏览 7提问于2016-10-26得票数 0
回答已采纳
2回答
使用函数的响应实时更新标签
nativescript
我已经创建了一个fft插件，从实时输入返回我的大小。当显示时，控制台中的这个量值可以正常工作。但是我想在屏幕上显示这个大小，我想要第一次更新一个标签。
var view = require("ui/core/view");
var FFt = require('fft')
Demo.prototype.pageLoaded = function(args) {
var page = args.object;
var lbl = view.getViewById(page ,"fft");
var fft = new FFT()
浏览 4提问于2016-06-26得票数 0
回答已采纳
3回答
安卓应用程序的底部导航栏(NativeScript)
javascript、android、nativescript、hybrid-mobile-app、android-bottomnav
我正在尝试在我的android应用程序的底部创建一个导航栏。我使用NativeScript来创建应用程序。有没有什么插件可以做到这一点？
<page
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:drawer="nativescript-telerik-ui/sidedrawer"
xmlns:widgets="shared/widgets"
xmlns:statusbar="nativescript-statusbar"
xmlns:bottomnav
浏览 0提问于2017-01-24得票数 1
1回答
多个NativeScript自定义组件
xml、nativescript
我正在使用多个自定义组件，所有的东西都能根据文档工作。
文件夹结构
app
页面
..。
- custom
- headers
- header.xml
- footer.xml
- login
- login.xml
main-page.xml
<Page xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:myHeaders="custom/headers"
浏览 0提问于2016-07-01得票数 0
回答已采纳
1回答
模块‘nativescript-下拉’找不到元素‘本地-下拉:下拉
drop-down-menu、nativescript
我得到了以下错误。
来自设备Savas的日志:在“主”线程上发生了一个未察觉的异常。调用js方法onClick失败:从XML构建UI。@purchase/page.xml:3:5
模块‘nativescript-下拉’找不到元素‘nativescript-下拉:下拉’。无法读取未定义的属性“setNative”
ScopeError(file:///data/data/org.nativescript.preview/files/app/tns_modules/@nativescript/core/utils/debug.js:63:24) at SourceError(file:///da
浏览 3提问于2020-09-29得票数 0
2回答
视图中未加载Nativescript http数据
nativescript
我正在尝试遵循Nativescript的这个教程：http://www.beer-tutorials.org/2015/12/01/NativeScript-Beers/ 下面是我的代码： main-page.ts var http = require("http");
var observableArray = require("data/observable-array");
var beerList = new observableArray.ObservableArray([]);
var observableModule = require("
浏览 20提问于2019-02-06得票数 0
回答已采纳
1回答
如何在NativeScript中对接底盘
nativescript
问题
我有一个页面，它是一个滑块，简单地显示一个图像，然后向左或向右滑到下一个/前一个。
我想做的是，在屏幕的底部覆盖一个面板，在那里我可以输入一些描述图像的文本。
以下是我的XML：
<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:ns="nativescript-carousel">
<Page.actionBar>
<ActionBar title="Customer On Boarding" icon=""
浏览 0提问于2019-05-31得票数 0
回答已采纳
1回答
在Nativescript中引用Button Tap中的插件函数
plugins、nativescript
我真的把自己和插件中的逻辑代码流搞混了。我正在使用这个，并试图在演示应用程序中创建一个按钮，它调用插件中的一个函数，其中只包含一个console.log，我有：
//yourPlugin.common.ts:
import * as app from 'application';
import * as dialogs from 'ui/dialogs';
export class Common {
public message: string;
constructor() {
this.message = Utils.SUCCESS_MSG
浏览 1提问于2016-04-26得票数 0
1回答
如何创建底部导航栏
nativescript
我正在尝试使用在我的应用程序中创建一个简单的固定底部导航栏，并不断地获取错误。它不会构建，在这个可怕的异常黑屏中显示的许多错误是"AHBottomNavigation不是构造函数“。
我只想要三个图标在固定的导航:家庭，帐户，程序
我使用的是纯Javascript，演示教程是在TypeScript中。这可能就是问题所在。
步骤我遵循了
我使用命令行安装了插件。
我将图标手动添加到“资源”文件夹中。
我的搜索页面，导航定位在哪里，
<Page
navigatingTo="onNavigatingTo"
xmlns="htt
浏览 3提问于2019-01-26得票数 1
回答已采纳
1回答
Nativescript中自定义组件和页之间的事件
javascript、events、data-binding、components、nativescript
在我的NativeScript (JS/Core)应用程序中，我有一个带有按钮的自定义组件：
mycomp.xml
<!-- mycomp.xml -->
<StackLayout loaded="onLoaded">
<Button text="{{ label }}" tap="onTap" />
...
</StackLayout>
mycomp.js
/* mycomp.js */
function onLoaded(args) {
const obj = args.obje
浏览 3提问于2020-03-20得票数 0
1回答
模态页面上NativeScript中ScrollView的粘性页眉和页脚
nativescript
有没有办法在模式页面上实现带有粘性页眉和页脚的滚动视图？类似这样的
这是我已经准备好的，但是包含社交按钮的GridLayout正在被截断。
<Page xmlns="http://schemas.nativescript.org/tns.xsd" shownModally="onShownModally" class="test">
<StackLayout orietation= "veritcal" class="mainstack">
<GridLayout rows
浏览 11提问于2017-03-14得票数 0
回答已采纳
1回答
{nativescript}从datepicker获取值并将结果保存到textbox
nativescript
在我的xml中，我有一个textfield和一个datepicker。如何获取datepicker结果并将其存储在文本字段中？
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
<StackLayout>
<TextField hint="tanggalprospek" text="{{ tanggalprospek }}" />
<DatePicke
浏览 13提问于2016-09-05得票数 0
回答已采纳
2回答
Nativescript:逻辑控制sideDrawer
javascript、telerik、nativescript
你好，大家好！
我试图用Nativescript和Javascript制作一个侧抽屉，显示在导航栏上。
我使用的包是。
事实是，即使当我使用幻灯片手势时，我可以将显示在导航栏上的抽屉画出来，我也不能通过tap="function()"指令来控制它。
这是关于的正式文档
这是关于的正式文档
这是我在nativescript-telerik-ui中的代码(我使用的是免费版本的nativescript-telerik-ui-pro)，而不是nativescript-telerik-ui-pro))。
<dpg:DrawerPage loaded="pag
浏览 2提问于2016-10-07得票数 0
2回答
跨视图的本机脚本操作栏
nativescript-angular
我有一个包含此代码的app.html文件。
<Page xmlns="http://schemas.nativescript.org/tns.xsd" actionBarHidden="true">
<ActionBar title="Tooling U-SME" class="action-bar" height="50">
<StackLayout orientation="horizontal"
ios:horizontalA
浏览 2提问于2018-03-27得票数 0
1回答
使用typescript在原生脚本中自定义android视图
android、nativescript
我想使用typescript在我的原生脚本应用程序中显示原生android UI组件(如按钮或画布)。作为一个例子，我想用下面的typescript代码扩展一个android按钮：
//custom.js
export class NativeComponent extends android.widget.Button{
constructor(context){
super(context);
this.setText("test");
}
}
然后我尝试在我的xml视图中加载它：
Page xmlns="http://schemas
浏览 1提问于2016-04-08得票数 4
1回答
如何在Nativescript中分层对象？
javascript、nativescript
分层对象-我该怎么做？
环境信息：我正在使用最新版本的Nativescript，我的项目是一个核心Javascript应用程序(没有TypeScript )
我试图定位(和动画)一个图像。该图像将在它所坐的标签的左上角开始其动画，然后向对角线移动，直到它到达标签的底部边界。
到目前为止，我甚至无法让图像出现在我想要的地方。以下是我的XML：
视图XML*
<Page loaded="pageLoaded" xmlns="http://www.nativescript.org/tns.xsd">
<ActionBar title=&
浏览 4提问于2019-12-20得票数 0
2回答
TabView对SegmentedBar
telerik、nativescript
我正在用本地脚本创建SegmentedBar。我能够创建段，但我不能添加标签到段视图。
<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
<StackLayout>
<SegmentedBar>
<SegmentedBar.items>
<SegmentedBarItem title="Segment 1">
浏览 0提问于2015-08-13得票数 1
1回答
Nativescript TS -在呈现中不更改标签值
typescript、nativescript
我正在重新学习Nativescript的诀窍，自从v4之后就没有碰过它。
当我点击按钮时，我试图更新我的标签的价值。当我解决问题时，我可以在模型中看到值的变化，但它没有反映在屏幕上。
我的档案如下：
home-page.ts
import { NavigatedData, Page } from "@nativescript/core";
import { HomeViewModel } from "./home-view-model";
export function navigatingTo(args: NavigatedData): void {
浏览 8提问于2022-09-29得票数 0
3回答
Nativescript ListView只显示一项
android、typescript、nativescript
我学习了一门关于普鲁拉视觉的课程，遇到了一个奇怪的问题。我的列表视图只显示第一个元素，而没有其他任何元素。这是奇怪的，我使用列表视图之前没有问题，所以我不知道错误是从哪里来的。
布局：
<Page xmlns="http://schemas.nativescript.org/tns.xsd"
loaded="pageLoaded">
<GridLayout rows="auto, *">
<!-- Header -->
<StackLayout cssClass="p
浏览 2提问于2016-10-25得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
