共用方式為


TypingIndicatorStrings interface

可覆寫 的 TypingIndicator 字串。

屬性

delimiter

做為分隔符號的字串,用來分隔多個使用者。

範例

<TypingIndicator
 strings={{ delimiter: ' + ' }}
 typingUsers={[
   { userId: 'user1', displayName: 'Claire' },
   { userId: 'user2', displayName: 'Chris' },
   { userId: 'user3', displayName: 'Jill' }
 ]}
/>

會是 'Claire + Chris + Jill 正在輸入...'

multipleUsers

當多位使用者輸入時要使用的字串範本。 預留位置:[users]。

範例

<TypingIndicator
 strings={{ multipleUsers: '{users} are typing...' }}
 typingUsers={[
   { userId: 'user1', displayName: 'Claire' },
   { userId: 'user2', displayName: 'Christopher' }
 ]}
/>

會是 「Claire,Chris 正在輸入...」

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 個正在輸入...」

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 個其他正在輸入...'

singleUser

當使用者輸入時要使用的字串範本。 預留位置:[user]。

範例

<TypingIndicator
 strings={{ multipleUsersAbbreviateOne: '{users} is typing...' }}
 typingUsers={[{ userId: 'user1', displayName: 'Claire' }]}
/>

會是 「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