microsoft
/
react-native-xaml
зеркало из https://github.com/microsoft/react-native-xaml.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность
A React Native Windows library to use XAML / WinUI controls
296 коммитов 27 Ветки 16 Теги 6,9 MiB
C++ 50%
TypeScript 28.6%
C# 13.3%
C 7.9%
JavaScript 0.2%
Перейти к файлу
Alexander Sklar 6c1248dd62 do not check in 2021-07-21 23:12:49 -07:00
.github > 2021-04-30 19:31:06 -07:00
example Add CornerRadius, don't assert on unknown properties unless there is a debugger attached 2021-07-06 00:56:25 -07:00
package do not check in 2021-07-21 23:12:49 -07:00
.gitignore gitignore 2021-02-27 22:26:06 -08:00
LICENSE Create LICENSE 2021-02-21 02:40:16 -08:00
README.md Updating broken Codegen link in the readme file 2021-07-06 11:30:00 -07:00
TechnicalGuide.md Update TechnicalGuide.md 2021-03-14 01:51:03 -08:00
USAGE.md Support Path.Data and other Geometry properties 2021-07-10 20:16:05 -07:00
package.json 0.0.3 2021-06-16 12:19:40 -07:00
yarn.lock Update to RNW 0.64.2 2021-03-29 10:19:39 -07:00

README.md

CI

react-native-xaml

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

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