preact-nativescript-components

preact-nativescript-components was made to use JSX-Syntax for preact-to-nativescript components

Usage

You should mostly be able to import and use the NativeScript UI Components by name e.g.

import application from "tns-core-modules/application"
import { render } from "preact-to-nativescript"
import {
  ActionBar, ActionItem, Button, Label, Page, ScrollView, StackLayout
} from "preact-nativescript-components"

application.start({
  create: () => {
    return render(
      <Page>
        <ActionBar>
          <StackLayout>
            <Label>Custom Header</Label>
          </StackLayout>
          <ActionItem text="act" />
        </ActionBar>
        <StackLayout>
          <Label>PageContent</Label>
          <Button text="Button" />
        </StackLayout>
      </Page>
    )
  }
})

List of importable Components

• Layouts
  • AbsoluteLayout
  • DockLayout
  • FlexboxLayout
  • GridLayout
  • StackLayout
  • WrapLayout
• ActionBar / ActionItem / NavigationButton
• ActivityIndicator
• Button
• DatePicker
• HtmlView
• Image
• Label
• ListPicker
• ListView
• Page
• Placeholder
• Progress
• ScrollView
• SearchBar
• SegmentedBar
• Slider
• Switch
• TabView / TabViewItem
• TextField
• TextView
• TimePicker
• WebView