react-native-xaml

Allows using XAML directly, inside of a React Native Windows app

Usage no npm install needed!

<script type="module">
  import reactNativeXaml from 'https://cdn.skypack.dev/react-native-xaml';
</script>

README

react-native-xaml

Getting started

$ npm install react-native-xaml --save

Ensure your app is using WinUI 2.6+. For details about customizing WinUI versions in your React Native for Windows app, see Customizing SDK versions.

Mostly automatic installation

$ react-native link react-native-xaml

Usage

See the Usage guide for details and lots of examples.

import { HyperlinkButton, } from 'react-native-xaml';

<HyperlinkButton 
  text="Hello from XAML" 
  style={{ width:150, height:40 }} 
  onClick={() => {
    alert("clicked!");
  }} />