如何在ToolbarAndroid中添加图标旁边的文本

时间:2017-08-11 07:25:07

标签: react-native

我在React Native中使用ToolbarAndroid。使用它我可以显示以下

enter image description here

我想要展示的是添加到购物车中的商品数量,如下所示,其中显示了添加到购物车的商品数量。

我试图查看一个属性,即 showWithText ,但没有太多文档here

enter image description here

以下是我的代码

<ToolbarAndroid style={{ width: Dimensions.get('window').width, height: 60, backgroundColor: '#42b549' }}
            navIcon={require('./img/icon-burgermenu.png')}
            onIconClicked={this.onIconClick}
            actions={[
              {
                title: 'Credit Card',
                icon: require('./img/icon-CreditCards-Info.png'),
                show: 'always',

              },
              { title: 'Add To Cart',
                icon: require('./img/icon-Cart.png'),
                show: 'always',
                showWithText: true
              },
              ]}
            onActionSelected={this.onActionSelected}>
            <TextInput
              style={{
                borderWidth: 1,
                backgroundColor: 'white',
                borderRadius: 3,
                width: 350,
                borderColor: 'white'
              }}
              tintColor='red'
              caretHidden={false}
              placeholder='Search                                                                    '
              underlineColorAndroid='transparent'
            />
          </ToolbarAndroid>

如何在那里添加文字,是否必须是另一个动作?如果是,那怎么办?

0 个答案:

没有答案