React Native Paper Dates中DatePickerInput宽度无法调整的问题求助

试试这几个方案：

• 用containerStyle props设置外层容器宽度，同时注意宽度值用数值而非字符串：

<DatePickerInput
  locale="en"
  label="Date de début"
  containerStyle={{ width: 200 }}
  value={inputDate}
  onChange={(d) => setInputDate(d)}
  inputMode="start"
/>

contentStyle一般用来调整输入框内部文本区域的样式，外层容器的宽度得靠containerStyle控制，而且你之前写的width: "200"是字符串，React Native样式里宽度需要是数值类型，这也是之前不生效的原因之一。

• 如果上面的方法还是不行，直接给组件套一层View容器，强制限制宽度：

<View style={{ width: 200 }}>
  <DatePickerInput
    locale="en"
    label="Date de début"
    value={inputDate}
    onChange={(d) => setInputDate(d)}
    inputMode="start"
  />
</View>

父容器的宽度会直接限制子组件的可用空间，这种方式兼容性最好。

内容的提问来源于stack exchange，提问作者easymoneysniper23