我正在尝试在 React Native android 应用程序中显示下拉菜单。我为此目的使用了 React Native Picker,但它在样式和下拉菜单定位方面似乎非常有限。我无法让菜单在carret(向下箭头按钮)位置下方弹出。
我尝试设置边距,希望将菜单向下推,但无济于事。
<Picker
// selectedValue={stateValue}
style={{
height: 36,
width: 261,
}}
onValueChange={itemValue => {
console.log('item value ', itemValue);
}}
>
<Picker.Item key={-1} label={'Search By...'} value="first" />
{this.searchCategory.map((item, index) => (
<Picker.Item key={index} label={item} value={item} />
))}
</Picker>
</View>
Run Code Online (Sandbox Code Playgroud)
菜单始终覆盖 Picker 组件。我希望它出现在选择器下方。
实际行为:
我有一个User和MeetOption表.这是一个多对多关系,我可以使用create_join_table命令创建连接表:
rails g migration CreateJoinTableUsersMeetOptions users meet_options
这会生成一个迁移文件:
class CreateJoinTableUsersMeetOptions < ActiveRecord::Migration[5.0]
def change
create_join_table :users, :meet_options do |t|
# t.index [:user_id, :meet_option_id]
# t.index [:meet_option_id, :user_id]
end
end
end
Run Code Online (Sandbox Code Playgroud)
我还使用了在用户和meet_option模型之间创建了关联 has_and_belongs_to_many
class User < ActiveRecord::Base
has_and_belongs_to_many :meet_options
#More codes below
end
Run Code Online (Sandbox Code Playgroud)
class MeetOption < ApplicationRecord
has_and_belongs_to_many :users
end
Run Code Online (Sandbox Code Playgroud)
该关联工作正常,我可以user.meet_options在Rails控制台中查询.
我的问题是:联合MeetOptionsUsers表没有模型,所以如何添加记录呢?现在,我必须手动添加行,即user_id = 1; meet_option_id = 2使用GUI数据库软件(Postico).
有没有办法MeetOptionUser.create(user_id: 1, meet_option_id: 2)在Rails控制台中添加记录,就像有与之关联的ActiveRecord模型一样?