TypingIndicatorStrings interface
可覆寫 的 TypingIndicator 字串。
屬性
delimiter | 做為分隔符號的字串,用來分隔多個使用者。 範例
會是 'Claire + Chris + Jill 正在輸入...' |
multiple |
當多位使用者輸入時要使用的字串範本。 預留位置:[users]。 範例
會是 「Claire,Chris 正在輸入...」 |
multiple |
當多個使用者以另一個使用者縮寫輸入時,要使用的字串範本。 預留位置:[users, numOthers]。 範例
會是 'Claire Romanov,而其他 2 個正在輸入...」 |
multiple |
當多個使用者以另一個使用者縮寫輸入時,要使用的字串範本。 預留位置:[users]。 範例
會是 'Claire Romanov 和 1 個其他正在輸入...' |
single |
當使用者輸入時要使用的字串範本。 預留位置:[user]。 範例
會是 「Claire 正在輸入...」 |
屬性詳細資料
delimiter
做為分隔符號的字串,用來分隔多個使用者。
範例
<TypingIndicator
strings={{ delimiter: ' + ' }}
typingUsers={[
{ userId: 'user1', displayName: 'Claire' },
{ userId: 'user2', displayName: 'Chris' },
{ userId: 'user3', displayName: 'Jill' }
]}
/>
會是 'Claire + Chris + Jill 正在輸入...'
delimiter: string
屬性值
string
multipleUsers
當多位使用者輸入時要使用的字串範本。 預留位置:[users]。
範例
<TypingIndicator
strings={{ multipleUsers: '{users} are typing...' }}
typingUsers={[
{ userId: 'user1', displayName: 'Claire' },
{ userId: 'user2', displayName: 'Christopher' }
]}
/>
會是 「Claire,Chris 正在輸入...」
multipleUsers: string
屬性值
string
multipleUsersAbbreviateMany
當多個使用者以另一個使用者縮寫輸入時,要使用的字串範本。 預留位置:[users, numOthers]。
範例
<TypingIndicator
strings={{ multipleUsersAbbreviateMany: '{users} and {numOthers} others are typing...' }}
typingUsers={[
{ userId: 'user1', displayName: 'Claire Romanov' },
{ userId: 'user2', displayName: 'Christopher Rutherford' },
{ userId: 'user3', displayName: 'Jill Vernblom' }
]}
/>
會是 'Claire Romanov,而其他 2 個正在輸入...」
multipleUsersAbbreviateMany: string
屬性值
string
multipleUsersAbbreviateOne
當多個使用者以另一個使用者縮寫輸入時,要使用的字串範本。 預留位置:[users]。
範例
<TypingIndicator
strings={{ multipleUsersAbbreviateOne: '{users} and 1 other are typing...' }}
typingUsers={[
{ userId: 'user1', displayName: 'Claire Romanov' },
{ userId: 'user2', displayName: 'Christopher Rutherford' }
]}
/>
會是 'Claire Romanov 和 1 個其他正在輸入...'
multipleUsersAbbreviateOne: string
屬性值
string
singleUser
當使用者輸入時要使用的字串範本。 預留位置:[user]。
範例
<TypingIndicator
strings={{ multipleUsersAbbreviateOne: '{users} is typing...' }}
typingUsers={[{ userId: 'user1', displayName: 'Claire' }]}
/>
會是 「Claire 正在輸入...」
singleUser: string
屬性值
string