Блог

Главная - Вопросы по программированию - Возможно ли поместить логотип изображения в строки шаблона (React js)

Возможно ли поместить логотип изображения в строки шаблона (React js)

#react-native

#react-native

Вопрос:

для печати квитанций, которые я использую Template strings , это выглядит так

  <TouchableHighlight onPress={() => {
         var textToPrint =  
        
        `
        --------------------------------
        how to put image logo here
        --------------------------------
        ${GLOBAL.USERNAME} 
        ${new Date().getDate()}
        Bestell ID: ${props.currentorder.order.OrderID}
        --------------------------------
        Kunde:
        ${props.currentorder.order.firstname} ${props.currentorder.order.lastname}
        ${props.currentorder.order.phone}
        
        Adresse:
        ${props.currentorder.order.address} 
        ${props.currentorder.order.zip} ${props.currentorder.order.city}
        
        ********************************
        ${(props.currentorder.order.payment==='cash'?"BARGELD":'Online – Bestellung schon bezahlt')}
        ******************************** 
    --------------------------------`
 BtPrint(textToPrint)
                }}
              >
                <Text>Print</Text>
              </TouchableHighlight>

Есть ли какой-либо способ, чтобы в начале рецепта в этом тексте я мог поместить логотип изображения?

Большое вам спасибо

Комментарии:

1. как вы отображаете этот параметр? Вы можете использовать URL-адреса данных для размещения изображений вместе с разметкой developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/… Но в случае JSX единственным готовым способом отображения HTML из переменной является reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

2. Я отредактировал вопрос

3. если BtPrint инкапсулирует window.print, вы можете использовать обычные URL-адреса HTML и данных для рисования изображений.

4. Не могли бы вы опубликовать его в качестве ответа и показать мне, как …. спасибо

5. в любом случае, какая библиотека стоит за BtPrint? Я нашел следующее с поддержкой изображений github.com/januslo/react-native-bluetooth-escpos-printer