React Native Paper List.Accordion 我可以放图标

Question

Objective

我正在使用库 react-native-paper 并且我正在使用 List 组件，但是 List.Accordion 在正确的位置出现了一个奇怪的图像，我想放一个图标箭头向下的地方。但是 List.Accordion 只收到 left 道具而没有收到 right 道具。

{bleDevices.length > 0 && (
          <List.Section>
            <List.Accordion
              title="Dispositivos encontrados"
              left={props => <Icon name="arrow-down" size={24} />}
            >
              {_.map(bleDevices, (device, index) => (
                <List.Item
                  key={index}
                  title={`${device.name || 'device'} (${device.rssi}) `}
                  description={`${device.localName} (${device.id})`}
                  right={props => (
                    <Button onPress={toggleConnectDevice(device.name)}>
                      Conectar
                    </Button>
                  )}
                />
              ))}
            </List.Accordion>
          </List.Section>
        )}

图片

Answer 1

您似乎缺少图标字体。通常，如果您没有正确安装 react-native-vector-icons，您会看到“奇怪的图像”。

React Native Paper List.Accordion 我可以放图标

React Native Paper the List.Accordion I can put the Icon

typescript

react-native

react-native-paper

Objective

图片