水平选择器还是ScrollView？

Question

我正在尝试创建一个看起来像水平拾取器的组件。据我所知，只有第三方软件包可以做到这一点。想通了我可以做一个ScrollView，但是我没有得到想要的结果。

这是我要创建的图像：

因此，当选择一个项目时，背景为灰色且带有粗体文本。现在，我的代码如下：

            <ScrollView
              horizontal={true}
              style={{
                marginVertical: 10,
                borderTopWidth: 1,
                borderBottomWidth: 1,
                paddingVertical: 5,
                width: screenWidth
              }}>


              <TouchableOpacity
                style={{marginHorizontal: 10}}>
                <Text>Pounds</Text>
              </TouchableOpacity>

              <TouchableOpacity
                style={{marginHorizontal: 10}}>
                <Text>Ounces</Text>
              </TouchableOpacity>

              <TouchableOpacity
              style={{marginHorizontal: 10}}>
                <Text>Bushels</Text>
              </TouchableOpacity>

              <TouchableOpacity
              style={{marginHorizontal: 10}}>
                <Text>Each</Text>
              </TouchableOpacity>

              <TouchableOpacity
              style={{marginHorizontal: 10}}>
                <Text>Pints</Text>
              </TouchableOpacity>

              <TouchableOpacity
              style={{marginHorizontal: 10}}>
                <Text>OTHER</Text>
              </TouchableOpacity>

            </ScrollView>

所以我想弄清楚，在选择项目时如何更改样式，如何使其表现得更像水平拾取器？