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
209 коммитов 27 Ветки 16 Теги 7 MiB
C++ 50%
TypeScript 28.6%
C# 13.3%
C 7.9%
JavaScript 0.2%
Перейти к файлу
Alexander Sklar 6845b004d9
Merge pull request #61 from asklar/sync 
Fix locking for js/ui thread sync in jsi object
 		2021-04-01 00:07:39 -07:00
.github Create CODEOWNERS 2021-03-30 11:34:10 -07:00
example NavigationViewItem.Icon support 2021-03-30 10:21:42 -07:00
package Fix locking for js/ui thread sync in jsi object 2021-03-31 23:36:39 -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 Update README.md 2021-03-14 01:49:57 -08:00
TechnicalGuide.md Update TechnicalGuide.md 2021-03-14 01:51:03 -08:00
USAGE.md NavigationViewItem.Icon support 2021-03-30 10:21:42 -07:00
package.json Rework the JS. 2021-02-04 11:02:00 -08: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