亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

CSS樣式無法應用于React Native

CSS樣式無法應用于React Native

瀟瀟雨雨 2021-05-07 14:12:21
我正在顯示一些彈出視圖,它將在圖像上顯示兩個文本。因此,為此,我嘗試在字符串中設置css。但是,文本出現在圖像的底部。我正在使用融合圖庫來加載圖,一旦用戶點擊圖線,我就會顯示一些彈出窗口(工具提示)。該工具提示文本我正在嘗試根據我的要求進行自定義  toolText: '<div style={{  position: relative; text-align: center; color: white;}}><div><img height="50" width="50" src="http://www.pngpix.com/wp-content/uploads/2016/10/PNGPIX-COM-Mickey-Mouse-PNG-Transparent-Image-1-500x575.png"></img><div style={{ position: absolute; top: 2px; left: 8px; }}>Sample Text1<div><div style={{ position: absolute; top: 10px; left: 16px; }}>Sample Text2</div></div>',輸出如下有任何建議,我想在視圖頂部顯示文本。
查看完整描述

3 回答

?
慕斯王

TA貢獻1864條經驗 獲得超2個贊

最后,經過一些研發,我找到了解決方案,我沒有為圖像設置顏色。

希望這對以后的人有所幫助。

  toolText: `<div style="border-top-color: 200px solid #somecolor; margin-right: 2px; background-color:#fff display:outer-block; width:auto; height:60px;"><span><text style="font-size: 12px; margin-left:4px; font-weight: bold;  color:#003A69; margin-top:10px; display:inline-block;"> Sample Text1</text></span>{br}<span><text style="font-size: 12px; color:#003A69; margin-left:4px; font-weight: bold; margin-top:2px; display:inline-block;">Sample Text2</text></span>{br}</div>`,


查看完整回答
反對 回復 2021-05-20
?
30秒到達戰場

TA貢獻1828條經驗 獲得超6個贊

根據我的理解,React / React Native需要使用駝色框來使選擇器名稱可識別。


另外,您的html / css的格式應類似于以下格式,以獲得所需的疊加效果。


<div style="position: relative;">

    <img>

    <div style="position: absolute;"></div>

    <div style="position: absolute;"></div>

</div>


查看完整回答
反對 回復 2021-05-20
  • 3 回答
  • 0 關注
  • 257 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號