小编Meh*_*ani的帖子

我使用Bootstrap编写了一个导航栏并做出反应.为了获得bootstrap的功能必须安装和bootstrap.js jquery.js.我只想基本上使用bootstrap的CSS文件和reactjs的功能.使用带有reactjs的Bootstrap是否有意义？

我需要通过reactjs来实现对导航进行编程的一些帮助.这是我标题的来源.我需要帮助来编程反应器中的导航栏没有bootstrap.js和jquery.min.js

import React from "react"
export class Header extends React.Component {
    render() {
        return (
            <nav className="navbar-kwp-header navbar-default navbar-fixed-top">
                <div className="container">
                    <div className="navbar-header">
                        <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#Navbar">
                            <span className="sr-only">Navigation ein- / ausblenden</span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                        </button>

                        <a className="navbar-brand" href="#"><img src="images/logo.jpg" alt="" /></a>
                    </div>

                    <div id="Navbar" className="navbar-collapse collapse">
                        <ul className="nav navbar-nav">
                            <li><a href="#">Home</a></li>

                            <li className="dropdown"><a className="dropdown" data-toggle="dropdown" role="button" aria-expanded="false">Service <span className="caret"></span></a>
                                <ul className="dropdown-menu" role="menu">
                                    <li><a href="#">Downloads</a></li>
                                    <li><a href="#">Glossar</a></li>
                                    <li><a href="#">Newsletter</a></li>
                                </ul> …

我有一个标签布局

<android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:animateLayoutChanges="true"
    android:background="@color/background_white" />

为了实现波纹动画，我必须将背景更改为

android:background="?attr/selectableItemBackground"

它启用了波纹动画，但是默认颜色是灰色，我希望背景像白色一样是自定义颜色，我也尝试过

android:background="@color/white"
app:tabBackground="?attr/selectableItemBackground"

但是当背景颜色为白色时它不会出现，

我只是不知道在白色背景上不起作用的原因是什么？

现在我用interval来实现，但是很不连贯。如果我能改变方法 ( scroll) 的速度，那就太好了。

this.interval = setInterval(()=>{
    if(!_scroll){
        _this.interval && clearInterval(_this.interval);
    }
    if(totalWide+ScreenWidth >= width ){
        _scroll.scrollWithoutAnimationTo();
        totalWide=0;
        i=0;
    }else{
        _scroll.scrollTo({x:eachWide*i,animate:true});
        totalWide = totalWide + eachWide;
        i= i+1;
    }
},250) 

球队,

我有6个索引列要搜索如下.

1. 名称
2. 描述
3. SKU
4. 类别
5. 价钱
6. 搜索条件

现在,在搜索时我需要"SearchCritera"首先在列上执行搜索,然后是其余的列.

简而言之 - 匹配"SearchCritera"的产品会在搜索结果的顶部显示.

var parser = new MultiFieldQueryParser(Version.LUCENE_30,
    new[] { "SearchCriteria",
        "Name",
        "Description",
        "SKU",
        "Category",
        "Price"
    }, analyzer);
var query = parseQuery(searchQuery, parser);

var finalQuery = new BooleanQuery();
finalQuery.Add(parser.Parse(searchQuery), Occur.SHOULD);

var hits = searcher.Search(finalQuery, null, hits_limit, Sort.RELEVANCE);

行为的视频：https : //vid.me/nF1J

移除：

viewHolder.buttonDelete.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        mItemManger.removeShownLayouts(viewHolder.swipeLayout);
        mDataset.remove(position);
        notifyItemRemoved(position);
        notifyItemRangeChanged(position, mDataset.size());
        mItemManger.closeAllItems();
        Toast.makeText(view.getContext(), "Deleted " + viewHolder.textViewPos.getText().toString() + "!", Toast.LENGTH_SHORT).show();
    }
});

我怎样才能解决这个问题？

注意： 我正在使用此库，并且已经更新了库。

更新：

viewHolder.buttonDelete.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        mItemManger.removeShownLayouts(viewHolder.swipeLayout);
        mResultArray.remove(position);
        notifyItemRangeChanged(position, mResultArray.size());
        notifyItemRemoved(position);
        mItemManger.closeAllItems();
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                notifyDataSetChanged();
            }
        }, 500);
    }
});