Use fluent-ui-react-native controls

[chrisglein]

General issues hit along the way:

• Required explicit importing of SVG (see Some necessary NPM modules are not in dependencies in package.json microsoft/fluentui-react-native#2613)
• Required switching to classic runtime (see FluentUI in Expo project, pragma and pragmaFrag cannot be set when runtime is automatic microsoft/fluentui-react-native#1891)

Button

Upsides

• Supports hover
• Supports tooltips
• Supports styling differences for default buttons vs. standard buttons.

Downsides

• Doesn't use the system accent color
• Doesn't support dark mode (is that this? Make default theme use platform-specific alias tokens microsoft/fluentui-react-native#2492)
  
  

Link

Downsides

• Requires you set content and url (can't just specify url).
• Color stuff is broken: Failed prop type: invalid prop 'color' supplied to 'Text': linkHovered. (or link, linkPressed) Looks similar to this: Failed prop type: Invalid prop 'color' supplied to 'Text' when trying the sample code with Checkbox from README.md microsoft/fluentui-react-native#1226. Results in uncolored links:
  

Icon

Not sure whether intended or not that I can't use on its own: microsoft/fluentui-react-native#935
May be interesting as a straightforward wrapper for Segoe MDL2 style icons, like XAML has.

Separator

Seems cool, haven't tried.

Text

I guess this would give me standardized text ramps? Haven't tried.

Checkbox

Would prefer to toggle switches in Settings, honestly. Should migrate to?

[chrisglein]

Worked around many of these by implementing my own ThemeProvider. When that's solid enough it should be upstreamed to the FURN repo.

[chrisglein]

Superseded by #116