當使用NativeBase Toast組件時，無法讀取React Native中的null屬性'_root'

Question

我使用NativeBase的Toast組件在成功提交表單後顯示消息，但每次運行它時都會在控制檯中收到此錯誤消息。

_onSubmit error TypeError: Cannot read property '_root' of null 
    at Function.show (ToastContainer.js:79) 
    at InventoryItemAdd.js:40 
    at tryCallOne (core.js:37) 
    at core.js:123 
    at JSTimers.js:98 
    at Object.callTimer (JSTimersExecution.js:95) 
    at Object.callImmediatesPass (JSTimersExecution.js:199) 
    at Object.callImmediates (JSTimersExecution.js:214) 
    at MessageQueue.js:222 
    at guard (MessageQueue.js:46) 

這裏的JSX在我的渲染功能：

<Container> 
    <Navbar title="Add an Inventory Item" backArrow /> 
    <Content keyboardShouldPersistTaps="handled"> 
     <InventoryItemAddForm 
      onSubmit={this._onSubmit} 
      data={formData} 
      enableReinitialize={true} 
      initialValues={initialValues} 
     /> 
    </Content> 
    <FooterTabs /> 
</Container> 

而且我_onSubmit功能：

_onSubmit = ({name, inventoryTypeId, internalCode, description = "", measurementUnitId}) => { 
    const {inventoryItemCreate, showErrors} = this.props 

    return inventoryItemCreate({ 
     input: { 
      name: name.trim(), 
      inventoryTypeId, 
      internalCode: internalCode.trim(), 
      description: description.trim(), 
      measurementUnitId, 
     } 
    }) 
     .then(({data: {inventoryItemCreate}}) => { 
      dismissKeyboard() 
      Toast.show({ 
       text: "Inventory item added successfully!", 
       position: "bottom", 
       buttonText: "Okay", 
       type: "success", 
       duration: 2000, 
      }) 
      Actions.InventoryItemDetails({id: inventoryItemCreate.id}) 
     }) 
     .catch((error) => { 
      console.log('_onSubmit error', error) 
      showErrors() 
     }) 
} 

Answer 1

我發現了應用程序的根組件需要被包裹在nativebase's <Root> component Toast通知可靠地工作。