A React Native Windows library to use XAML / WinUI controls
Перейти к файлу
Alexander Sklar 9b43410af9
Merge pull request #134 from microsoft/jsvalueFork
Fork JSValueXaml since 0.66 will include more converters we already h…
2021-09-30 14:38:09 -07:00
.github yaml 2021-07-22 23:49:49 -07:00
example split out margin and padding as XAML specific properties so Yoga doesn't try to muck with them. Also fix a couple of bugs 2021-09-23 18:06:42 -07:00
package . 2021-09-30 14:21:00 -07:00
.gitignore
LICENSE
README.md Update README.md 2021-09-29 17:10:53 -07:00
TechnicalGuide.md Update TechnicalGuide.md 2021-03-14 01:51:03 -08:00
USAGE.md split out margin and padding as XAML specific properties so Yoga doesn't try to muck with them. Also fix a couple of bugs 2021-09-23 18:06:42 -07:00
package.json Update package.json 2021-08-13 10:54:39 -07:00
yarn.lock splitview 2021-07-23 13:28:43 -07: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.

Demo

react-native-xaml demo