Я перевожу веб-приложение в React-native. Мой первый раз со вселенной React, так что это крутая кривая обучения для начинающих.
У меня нормально работает мой JavaScript. В результате моя основная функция возвращает строку, которую в javascript я использую для динамической вставки изображений в DOM. Я хочу сделать то же самое в React-native, но у меня возникли проблемы.
Результат, который я получаю из JavaScript, имеет следующий вид:
`<Image source={require("./images/pad.png")} style={{ width: 40, height: 318, flexDirection: "row" }} /><Image source={require("./images/banana1.png")} style={{ width: 20, height: 318, flexDirection: "row" }} /><Image source={require("./images/banana2.png")} style={{ width: 20, height: 318, flexDirection: "row" }} /><Image source={require("./images/banana3.png")} style={{ width: 20, height: 318, flexDirection: "row" }} />`
Так что у него есть теги с правильным путем и стилями. Но когда я пытаюсь вставить это в представление, я получаю
"Invariant Violation: Text strings must be rendered within a <Text> component."
Не ищу специально написанного решения, просто надеюсь, что кто-то укажет мне правильное направление. Я вставляю литерал шаблона в конструктор, и все работает нормально.
<View>{this.state.bananasStr}</View>
Я могу получить доступ к нему оттуда или из функции javascript в качестве переменной.