2017-04-21 50 views
0

我遇到顯示多個NativesScript變量作爲句子的問題。如何將多個NativeScript變量顯示爲句子

我有5個變量:

string1 = 'Hello'; 
string2 = 'John'; 
string3 = 'how are you? how are you? how are you?'; 
string4 = 'Button'; 
string5 = 'Test Test Test Test Test Test Test Test Test Test Test Test 
      Test Test Test Test'; 

我想實現:

Hello John how are you? how are you? how are you? Button Test Test Test 
Test Test Test Test Test Test Test Test Test Test Test Test Test 

字符串2和串,4應該是點擊。我嘗試了帶Span的FormattedString,但跨度不能有任何事件,因此它不可點擊。我也嘗試了GridLayout,但它在列或行中分開(每個變量都在新行中開始)。我也嘗試了水平方向的StackLayout,但它沒有正確包裝,沒有去另一條線。

任何幫助,將不勝感激。

編輯:

從其他一些論壇的幫助後,我的新問題是,使用WrapLayout:

<GridLayout columns="auto,*,auto" > 
<Label col="0" text="Testing "></Label> 
<WrapLayout col="1"> 
    <Label text="Hello" ></Label> 
    <Label text="John"></Label> 
    <Label text="how are you? how are you? how are you?"></Label> 
    <Label text="Button Button Button"></Label> 
    <Label text="Test Test Test Test Test Test Test Test Test Test Test 
     Test Test Test Test Test"></Label> 
</WrapLayout> 
<Label col="2" text="Test2"></Label> 

結果:

HelloJohn 
how are you? how are you? how are you? 
Button Button Button 
Test Test Test Test Test Test Test Test 
Test Test Test Test Test Test Test Test 

我想「怎麼樣你是?你好嗎?你好嗎?'去第一行,'測試'在'按鈕'的同一行開始?

像這樣

HelloJohnhow are you? how are you? how are you? 
Button Button ButtonTest Test Test Test Test Test Test Test 
Test Test Test Test Test Test Test Test 

感謝

編輯:

我已經試過

<GridLayout columns="auto,*,auto" class="post-top-wrapper"> 
<Label col="0" text="Testing "></Label> 
<FlexboxLayout col="1" flexWrap="wrap"> 
    <Label text="Hello" ></Label> 
    <Label text="John"></Label> 
    <Label text="how are you? how are you? how are you?"></Label> 
    <Label text="Button Button Button"></Label> 
    <Label text="Test Test Test Test Test Test Test Test Test Test Test 
    Test Test Test Test Test"></Label> 
</FlexboxLayout> 
<Label col="2" text="Test2"></Label> 

我得到了與上面提到的相同的結果。短字符串沒有問題,但是長字符串(不適合一行)不會在同一行開始,而是從新行開始。

編輯:

我縮小了問題:兩個長字符串不能在同一行開始。

+0

@ mast3rd3mon我不認爲你可以在nativeScript中使用標記,如果我錯了,請提供示例或鏈接。謝謝 – user3549162

+0

你不能,我只是檢查,但你可以有輕拍事件的標籤 – mast3rd3mon

回答

0

FlexBoxLayout有一種包裝方式。

還有另一種稱爲WrapLayout的佈局。

https://docs.nativescript.org/ui/layout-containers#wraplayout

+0

感謝您的答覆。我已經嘗試過WrapLayout和FlexboxLayout,但每個字符串都會換行。 ' <標籤文本= 「你好」> <標籤文本= 「約翰」> <標籤文本= 「你好嗎?你好嗎?你好嗎?」> <標籤文本=「按鈕「> <標籤文本=」測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試「> ' – user3549162

+0

這是如何使用flexbox的指南。 https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 您確實需要在flexbox上正確設置孩子和父母,才能使包裝正常工作。 – kivind

+0

@kivid你能否檢查我更新的問題。謝謝 – user3549162