1

我正在使用 开发移动应用程序，react-native-paper并且正在使用List.react-native-paper

我想在List. 默认情况下，List如果消息太长，则省略消息的一部分，如下面的 gif。

https://gyazo.com/d60defc5f46b51408d68e793f9365172

我已经尝试更改titleEllipsizeMode. 但是，这些参数并没有像我预期的那样工作。

这是我的代码。

<List.Section theme={{ colors: { primary: 'black' }}}>
              <List.Accordion
                title='Loooooooooooooooooooooooooooong title title title'
                expanded={this.state.expanded}
                onPress={this._handlePress}
              >
                <List.Item
                  title='Looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong title title title'
                  expanded={this.state.expanded}
                  titleEllipsizeMode='tail'
                  titleStyle={{ fontSize: 10 }}
                />
              </List.Accordion>
            </List.Section>
4

2 回答 2

1

首先，列表标题不应该太长，因为它违反了设计准则。通常，如果您需要一个潜台词，那么它会在其下方移动，如下图所示。 Gmail 指南

于 2019-06-05T10:37:52.033 回答
-1

如果您想控制列表标题的整个样式，甚至列表项标题是将组件传递给 title 属性，然后为组件设置样式：

<List.Accordion title={<View><Text>Accordion title</Text></View>}>
   <List.Item title="item title"/>
</List.Accordion>

然后您可以设置 View & Text 组件的样式

于 2020-11-30T08:34:16.217 回答