Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-native-xaml

microsoft11.5kMIT0.0.80TypeScript support: included

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

react-native, react-native-windows, XAML, WinUI, UWP, Fluent, Fluent UI, Windows

readme

react-native-xaml

Getting started

$ npm install react-native-xaml --save

Ensure you're using React Native Windows >= 0.69.0.

Ensure your app is using WinUI 2.7+. 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!");
  }} />