我正在使用抽屉导航器通过本机反应创建一个菜单,我想删除标题并仅保留栏图标,因此我尝试将背景颜色变成透明,但它不起作用。
代码如下:
<Drawer.Navigator
drawerContent={props => <DrawerContent {...props} />}>
<Drawer.Screen
name="Home"
component={HomeScreen}
options={{
headerStyle: {
backgroundColor: 'transparent',
},
}}
/>
Run Code Online (Sandbox Code Playgroud)
我有一个 HTML 代码,当文本太长时,它应该移动下一行。但现在,它通过水平滚动条得到扩展。我们可以避免这个滚动条并确保它进入下一行吗
.block {
display: flex;
overflow-wrap: break-word;
}Run Code Online (Sandbox Code Playgroud)
<div class="block">dfsdssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</div>Run Code Online (Sandbox Code Playgroud)
在下面的代码中,我试图显示单选按钮。问题是,当我运行代码时,有可能同时检查所有单选按钮。我想要实现的是一次只能选中一个单选按钮。换句话说,用户不应该能够选择多个单选按钮,只能选择一个,其余的应取消选中。请让我如何调整下面的代码来实现这一目标
<div class="modal-body">
<input [value]="0" [(ngModel)]="areaOfCoverageForThreshold3" name="areaOfCoverageForThreshold3" type="radio" (change)="toggleShowAreaOfCoverageWithThreshold3()" [(checked)]="showAreaOfCoverageForThreshold3" />
<label id="threshold-value-3">
{{ "SITE.AREA_OF_COVERAGE_FOR_THRESHOLD_3" | translate }}
<button class="btn btn-sm btn-icon" (click)="showInformation('SERVICE_DIST_4_AGRI')">
<clr-icon shape="help-info" class="is-solid"></clr-icon>
</button>
</label>
<input [value]="1" [(ngModel)]="areaOfCoverageForThreshold10" name="areaOfCoverageForThreshold10" type="radio" (change)="toggleShowAreaOfCoverageWithThreshold10()" [(checked)]="showAreaOfCoverageForThreshold10" />
<label id="threshold-value-10">
{{ "SITE.AREA_OF_COVERAGE_FOR_THRESHOLD_10" | translate }}
<button class="btn btn-sm btn-icon" (click)="showInformation('SERVICE_DIST_4_AGRI')">
<clr-icon shape="help-info" class="is-solid"></clr-icon>
</button>
</label>
<input [value]="2" [(ngModel)]="areaOfCoverageForThreshold15" name="areaOfCoverageForThreshold15" type="radio" (change)="toggleShowAreaOfCoverageWithThreshold15()" [(checked)]="showAreaOfCoverageForThreshold15" />
<label id="threshold-value-15">
{{ "SITE.AREA_OF_COVERAGE_FOR_THRESHOLD_15" | translate }}
<button class="btn btn-sm btn-icon" (click)="showInformation('SERVICE_DIST_4_AGRI')">
<clr-icon shape="help-info" class="is-solid"></clr-icon>
</button>
</label>
<input [value]="3" …Run Code Online (Sandbox Code Playgroud)