Fluent UI dual-screen PeoplePickerView

  • Article

When the people picker input is under the hinge, fully populated chips will avoid positioning under the hinge:

Surface Duo showing a people picker

To use the Fluent UI PeoplePickerView add the view to your layout XML:

<com.microsoft.fluentui.peoplepicker.PeoplePickerView
    android:id="@+id/people_picker_select"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:label="Select"
    app:personaChipClickStyle="select" />

Refer to the sample code PeoplePickerViewActivity.kt for details on how to populate the contents.