反応するvr境界線が機能しない

Question

テキストの周りに境界線を配置したい。

<View style={{ borderRadius: 1, borderWidth: 1, borderColor:'#FF0000',}}> 
      <Text style={{ 
       fontSize: 0.8, 
       fontWeight: '400', 
       layoutOrigin: [0.5, 0.5], 
       paddingLeft: 0.2, 
       paddingRight: 0.2, 
       textAlign: 'center', 
       textAlignVertical: 'center', 
       transform: [{translate: [0, 0, -3]}], 
      }}> 
       hello 
      </Text> 
      </View> 

私は1としてborderWidthを残す場合は、私はハローを参照してくださいが、私は境界線が表示されません。 borderWidthを10のように変更すると、何も表示されません。こんにちはテキストに罫線を追加するにはどうすればいいですか？

Answer 1

境界線は実際には機能していますが、ビューはカメラビューがデフォルトであるシーンの中央に配置されています。あなたが本当にやりたいことは、すべてのコンポーネントが適切にレンダリングされるように、ルートビューのlayoutOriginと変換を設定することです。

これはそれを行う必要があります：あなたが境界線の幅を気づくでしょうが、

<View style={{ 
    borderRadius: 1, 
    borderWidth: 1, 
    borderColor:'#FF0000', 
    transform: [{translate: [0, 0, -3]}], 
    layoutOrigin: [0.5, 0.5], 
}}> 
    <Text style={{ 
     fontSize: 0.8, 
     fontWeight: '400', 
     paddingLeft: 0.2, 
     paddingRight: 0.2, 
     textAlign: 'center', 
     textAlignVertical: 'center', 
    }}>hello</Text> 
</View> 

これは正しく、あなたのテキストの周囲に境界線が表示されます単位は内のピクセルが、メーターを意味するものではありませんように、大きすぎます3D世界。