nativescript
はじめに 前回、ローカルストレージに保存する処理を調べたので、次の画面に保存したデータを表示する方法を調べる コード components/HelloWorld.vueファイルを下記のように記述する <template> <Page class="page"> <ActionBar title="Local Data Storage" class="action-bar" /> <ScrollView> <StackLayout class="home-panel form input-field"> </stacklayout></scrollview></actionbar></page></template>
参考ページ docs.nativescript.org docs.nativescript.org コード <template> <Page class="page"> <ActionBar title="Local Data Storage" class="action-bar" /> <ScrollView> <StackLayout class="home-panel form input-field"> <Label text="数値" class="heading" /> </label></stacklayout></scrollview></actionbar></page></template>
参考ページ docs.nativescript.org サンプルコード タップイベントなどを取得して画面に表示するシンプルなアプリ <template> <Page class="page"> <ActionBar title="操作イベント" class="action-bar"></ActionBar> <GridLayout rows="auto, auto, *"> </gridlayout></page></template>
参考URL docs.nativescript.org コード <template> <Page> <ActionBar title="Home" /> <ScrollView> <StackLayout class="home-panel"> <Label textWrap="true" class="h2 description-label"> {{uuid}} </Label> <Label textWrap="true" class="h2 description-label"> {{os}} </Label> </stacklayout></scrollview></actionbar></page></template>
インストール tns plugin add nativescript-camera market.nativescript.org コード <template> <Page> <ActionBar> <Label text="カメラ起動サンプル"/> </ActionBar> <Button @tap="onButtonTap" text="カメラ起動7" class="-outline"></Button> </Page> </template> <script> import * as camera from "nativescript-camera"; import { Image } …
インストール nodejsが入っている状態で下記のコマンドを実行する $ npm install -g nativescript インストール時に下記の2つの質問を聞かれる。2つともNを指定する Do you want to help us improve NativeScript by automatically sending anonymous usag…
はじめに native scriptというものを見つけたので、試しに触ってみる。しかもPlaygroundがあるのでブラウザで試すことができる。 play.nativescript.org Playgroundで実装したアプリは下記の2つをインストールして実機で検証することができました。 NativeS…