我已经使用react-native-dropdown-picker显示模态中的项目。问题是,模态显示与移动全屏,我不能调整它的大小。我尝试了下面的代码,但没有运气。有人能帮助解决这个问题吗?
示例代码:
import DropDownPicker from 'react-native-dropdown-picker';
function App() {
const [open, setOpen] = useState(false);
const [value, setValue] = useState(null);
const [items, setItems] = useState([
{label: 'Apple', value: 'apple'},
{label: 'Banana', value: 'banana'}
]);
return (
<DropDownPicker
open={open}
value={value}
items={items}
setOpen={setOpen}
setValue={setValue}
setItems={setItems}
listMode="MODAL" // list mode is MODAL
modalProps={{ animationType: "fade", width: "50%", height: '50%'}}
modalContentContainerStyle={{backgroundColor: "#fff", width:'50%', height:'50%'}}
/>
);
}
预期:模态容器应显示为react-native模态弹出窗口。
1条答案
按热度按时间7vhp5slm1#
如果您想将其设置为固定宽度,可以使用样式属性。
我实际上是在试图找出如何完全删除宽度。这是第三个下拉菜单包,它有一个设置的宽度,而不是允许容器正常增长。这应该会帮助你。