Question

所以我有一个customHeader组件，试图将图像加载到

text before formulae text after **CHEMICAL EQUATION**

在页面上，我将像这样传递道具

Dim NoQ = ArQOP.NoQ
Dim n As Integer

Private Sub Questions()
    Using cn As New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;Data Source=login.accdb"),
            cmd As New OleDbCommand("SELECT Questions FROM MCQ WHERE QuestionNumber = @QuestionNumber;", cn)
        cmd.Parameters.Add("@QuestionNumber", OleDbType.Integer).Value = n
        cn.Open()
        Label1.Text = cmd.ExecuteScalar.ToString
    End Using
End Sub

Private Sub NxtQues_Click(sender As Object, e As EventArgs) Handles NxtQues.Click
    n += 1
    If n <= NoQ Then
        Questions()
    End If
End Sub

这样，它不会引发错误，但是不会加载。我知道它与作为道具传递有关，因为我可以将图像直接加载到屏幕中。我只是不确定自己在做什么错或这里想念什么。

我尝试在组件内部使用require，但是在编译时会引发错误，因为react-native需要在编译时“需要”图像。

Answer 1

这应该有效

在“包装”组件中

<CustomHeader 

     imageUri={'../content/...some image...'}
 />

然后在内部组件中


<Image source={require(props.imageUri)} />

将图像作为prop加载到react-native

1 个答案: