A React Native Windows library to use XAML / WinUI controls
Перейти к файлу
Jon Thysell 398ff39547
Fix invalid CI
2024-02-05 10:31:00 -08:00
.github Fix invalid CI 2024-02-05 10:31:00 -08:00
.vscode Clean up formatting, spelling, and licenses (#262) 2023-08-21 12:21:35 -07:00
change Fix memory mismanagement bug with EventAttachInfo (#268) 2024-02-02 23:25:18 +00:00
example Refresh packaging test certs for examples (#270) 2024-02-02 13:22:05 -08:00
examplenuget Refresh packaging test certs for examples (#270) 2024-02-02 13:22:05 -08:00
package Fix memory mismanagement bug with EventAttachInfo (#268) 2024-02-02 23:25:18 +00:00
.clang-format Clean up formatting, spelling, and licenses (#262) 2023-08-21 12:21:35 -07:00
.cspell.json Clean up formatting, spelling, and licenses (#262) 2023-08-21 12:21:35 -07:00
.gitattributes
.gitignore
.spelling Clean up formatting, spelling, and licenses (#262) 2023-08-21 12:21:35 -07:00
CONTRIBUTING.md Fix memory mismanagement bug with EventAttachInfo (#268) 2024-02-02 23:25:18 +00:00
LICENSE
README.md
SECURITY.md
TechnicalGuide.md
USAGE.md Clean up formatting, spelling, and licenses (#262) 2023-08-21 12:21:35 -07:00
directory.build.props
package.json
yarn.lock Upgrade RNX to target RN and RNW 0.72 (#261) 2023-08-02 18:14:56 +00:00

README.md

CI

react-native-xaml

A React Native Windows view manager that allows directly using the Windows XAML framework.

Cheat sheet

To see examples of the syntax and available controls, check out the Usage guide.

Main advantages

  • Allows developers writing react-native-windows apps (React Native apps targeting Windows 10) to quickly get started, if they are familiar with XAML.
  • Developers are not limited by the set of controls present today in RNW and community modules that support Windows.
  • Best of all, this solution is available today!
  • The set of types/properties/events are the XAML ones, however JS libraries can wrap those to expose the Windows control in a platform-agnostic way (e.g. as a way to implement a cross-plat control for Windows).

react-native-xaml works by leveraging metadata for XAML properties, types and events. This metadata is automatically generated (code-gen) from the Windows SDK. This means we can have a full projection of all of XAML – or any WinRT components written by app devs, that export a UserControl – without manual intervention.

Technical details

See Technical Guide.

Contributing

Pull Requests are welcome. See Contribution Guide for details.

Demo

react-native-xaml demo