Проблемы с привязкой к fable javascript

Я пытаюсь создать рудиментарное приложение, ориентированное на реакцию, с использованием запатентованного взаимодействия fable, чтобы я мог использовать F# для фактического кодирования. Часть F# пока идет очень хорошо, однако у меня очень большие проблемы с пониманием того, как работает взаимодействие с реактивными пакетами.

Я хотел попробовать настроить привязку для https://reactnavigation.org/docs/material-bottom-tab-navigator

Это текущий код

    open Elmish
open Fable.React
open Fable
open Fable.Core
open Fable.Core.JsInterop
open Fable.ReactNative.Types

type ScreenOptions = 
    | Title of string
    | TabBarIcon of (bool*string -> ReactElement)
    | TabBarColor of string
    | TabBarLabel of string
    | TabBarAccessibilityLabel of obj
    | TabBarTestId of string

type ScreenProps = 
    | Name of string
    | Component of obj
    | Options of ScreenOptions

type NavigatorProps = 
    | InitialRouteName of string
    | ScreenOptions of ScreenOptions
    | BackBehavior
    | Shifting of bool
    | Labeled of bool
    | ActiveColor of string
    | InactiveColor of string
    | BarStyle of obj

type ITab = 
    abstract member Navigator : NavigatorProps list -> ReactElement
    abstract member Screen : ScreenProps list -> ReactElement 

type Globals =
    [<Import("createMaterialBottomTabNavigator", from="@react-navigation/material-bottom-tabs")>]
    static member NavBar with get(): ITab = failwith "JS only" and set(v:ITab): unit = failwith "JS only"


let inline renderNavBar (navbar : obj) (props : NavigatorProps list) =
    ReactBindings.React.createElement(navbar, (keyValueList CaseRules.LowerFirst props), [])

let inline renderNavBarScreen (navbar : obj) (props : ScreenProps list) = 
    ReactBindings.React.createElement(navbar, (keyValueList CaseRules.LowerFirst props), [])

Это просто вылетает с ошибкой:

 TypeError: (0, _native.createNavigatorFactory) is not a function. 
(In '(0, _native.createNavigatorFacvtory)(MaterialBottomTabNavigator)','
(0, _native.createNavigatorFactory)' is undefined)

Я предполагаю, что есть что-то в том, как я импортирую библиотеку или как я ее визуализирую? Любая помощь будет принята с благодарностью.

0 ответов

Другие вопросы по тегам